jQuery中ajax – post() 方法实例详解
31 浏览量
2020-12-08
19:47:16
上传
评论
收藏 74KB PDF 举报
jQuery中中ajax – post() 方法实例详解方法实例详解
在jquery中的ajax有二个数据发送模式，一种是get，另一种是post()。
jQuery Ajax 参考手册
实例
请求 test.php 网页，忽略返回值：
$.post(“test.php”);
TIY 实例
通过 AJAX POST 请求改变 div 元素的文本：
$("input").keyup(function(){
txt=$("input").val();
$.post("demo_ajax_gethint.asp",{suggest:txt},function(result){
$("span").html(result);
});
});
亲自试一试
定义和用法
post() 方法通过 HTTP POST 请求从服务器载入数据。
语法
jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)
详细说明
该函数是简写的 Ajax 函数，等价于：
$.ajax({
type: 'POST',
url: url,
data: data,
success: success,
dataType: dataType
});
根据响应的不同的 MIME 类型，传递给 success 回调函数的返回数据也有所不同，这些数据可以是 XML 根元素、文本字符
串、JavaScript 文件或者 JSON 对象。也可向 success 回调函数传递响应的文本状态。
对于 jQuery 1.5，也可以向 success 回调函数传递 jqXHR 对象（jQuery 1.4 中传递的是 XMLHttpRequest 对象）。
大部分实现会规定一个 success 函数：
$.post("ajax/test.html", function(data) {
$(".result").html(data);
});
本例读取被请求的 HTML 片段，并插入页面中。
通过 POST 读取的页面不被缓存，因此 jQuery.ajaxSetup() 中的 cache 和 ifModified 选项不会影响这些请求。
资源评论
