上一节:
下一节:

  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>
    尝试一下

  • 相关页面

返回 jQuery AJAX 参考
上一节:
下一节: