jQuery $.post() 方法

  • 定义和用法

    $.post() 方法使用 HTTP POST 请求从服务器加载数据。
  • 语法

    $.post(URL,data,function(data,status,xhr),dataType)
  • 参数

    参数 必需的 描述
    URL 规定您需要请求的 URL。
    data 规定连同请求发送到服务器的数据。
    function(data,status,xhr)
    规定当请求成功时运行的函数。
    额外的参数:
    • 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 来规定回调
  • 实例

    下例演示了使用$.post()方法将一些数据与请求一起发送:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>欢迎来到蝴蝶教程</title>
    //此版本是百度cdn 1.11.1,当然你可以使用更高的版本,从2.0版本以上的是不支持ie6-8的
       <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
       <script>
           $(document).ready(function () {
              $("button").click(function () {
                $.post("/jc_script/jqAjax/demo_test_post.php", {
                    name: "蝴蝶教程",
                    city: "南宁"
                  },
                  function (data, status) {
                    alert("数据: " + data + "\n状态: " + status);
                  });
              });
           });
       </script>
    </head>
    <body>
         <button>发送一个HTTP POST请求并获取返回结果</button>
    </body>
    </html>
    
    尝试一下