jQuery post() 方法

jQuery Ajax方法

$ .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以指定回调

jQuery Ajax方法