JQuery ajax
- 格式：doc
- 大小：21.00 KB
- 文档页数：3
实例
请求test.php 网页，忽略返回值：
$.post("test.php");
定义和用法
post() 方法通过远程HTTP POST 请求载入信息。
这是一个简单的POST 请求功能以取代复杂$.ajax 。
请求成功时可调用回调函数。
如果需要在出错时执行函数，请使用$.ajax。
语法
jQuery.post(url,[data],[callback],[type])
参数描述
url 待载入页面的URL 地址。
data 待发送Key / value 参数。
callback 载入成功时回调函数。
type 返回内容格式，xml, html, script, json, text, _default。
详细说明
该函数是简写的Ajax 函数，等价于：
$.ajax({
type: 'POST',
url: url,
data: data,
success: success,
dataType: dataType
});
根据响应的不同的MIME 类型，传递给success 回调函数的返回数据也有所不同，这些数据可以是XML root 元素、文本字符串、JavaScript 文件或者JSON 对象。
也可向success 回调函数传递响应的文本状态。
对于jQuery 1.4，也可以向success 回调函数传递XMLHttpRequest 对象。
大部分实现会规定一个success 函数：
$.post("ajax/test.html", function(data) {
$(".result").html(data);
});
本例读取被请求的HTML 片段，并插入页面中。
通过POST 读取的页面不被缓存，因此jQuery.ajaxSetup() 中的cache 和ifModified 选项不会影响这些请求。
更多实例
例子 1
请求test.php 页面，并一起发送一些额外的数据（同时仍然忽略返回值）：
$.post("test.php", { name: "John", time: "2pm" } );
例子 2
向服务器传递数据数组（同时仍然忽略返回值）：
$.post("test.php", { 'choices[]': ["Jon", "Susan"] });
例子 3
使用ajax 请求发送表单数据：
$.post("test.php", $("#testform").serialize());
例子 4
输出来自请求页面test.php 的结果（HTML 或XML，取决于所返回的内容）：
$.post("test.php", function(data){
alert("Data Loaded: " + data);
});
例子 5
向页面test.php 发送数据，并输出结果（HTML 或XML，取决于所返回的内容）：
$.post("test.php", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});
例子 6
获得test.php 页面的内容，并存储为XMLHttpResponse 对象，并通过process() 这个JavaScript 函数进行处理：
$.post("test.php", { name: "John", time: "2pm" },
function(data){
process(data);
}, "xml");
例子7
获得test.php 页面返回的json 格式的内容：
$.post("test.php", { "func": "getNameAndTime" },
function(data){
alert(); // John
console.log(data.time); // 2pm
}, "json");。
