jQuery post() 方法
$ .post()方法使用HTTP POST请求从服务器加载数据。
语法:$.post(URL, data, callback, dataType)
实例
本示例获取请求的HTML代码段并将其插入页面中:
示例$("button").click(function(){
$.post("ajax_post.php", function(data){
$("#output").html(data);
});
});测试看看‹/›
请求ajax_post.php页面,并发送一些其他数据:
示例$("button").click(function(){
$.post("ajax_post.php", {fname:"Seagull", lname:"Anna"}, function(data){
$("#output").html(data);
});
});测试看看‹/›
请求ajax_post.php页面,发送一些其他数据,并发出警报状态消息:
示例$("button").click(function(){
$.post("ajax_post.php", {fname:"Seagull", lname:"Anna"}, function(data, status){
$("#output").html(data);
alert(status);
});
});测试看看‹/›
请求demo.json文件并将其插入页面:
示例$("button").click(function(){
$.post("demo.json", function(data){
let myObj = JSON.parse(data);
$("#output").html(myObj.name);
});
});测试看看‹/›
请求json_demo1.php文件,该文件已以json格式返回:
示例$("button").click(function(){
$.post("json_demo1.php", function(data){
let myObj = JSON.parse(data);
$("#output").html(myObj.name);
});
});测试看看‹/›
参数值
参数描述URL指定您想要请求的URL
data(可选)指定与请求一起发送到服务器的纯对象或字符串
callback(可选)指定在请求成功后执行的回调函数
参数:data-包含来自请求的结果数据
status-包含请求的状态("success", "notmodified", "error", "timeout", 或"parsererror")
xhr-包含XMLHttpRequest对象
dataType(可选)指定服务器响应所需的数据类型
默认情况下,jQuery执行自动猜测
可能的类型:“ xml”-一个XML文档
“ html”-HTML作为纯文本
“text”-纯文本字符串
“ script”-以JavaScript运行响应,并以纯文本形式返回
“ json”-将响应作为JSON运行,并返回一个JavaScript对象
“ jsonp”-使用JSONP加载JSON块。将添加“?callback =?” URL以指定回调