编辑这个页面须要登录或更高权限！

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方法

jQuery 杂项方法jQuery AJAX 方法