jQuery.post(url, [data], [callback], [type])

示例

1描述:

请求 test.php 网页，忽略返回值：

jQuery 代码:

$.post("test.php");

2描述:

请求 test.php 页面，并一起发送一些额外的数据（同时仍然忽略返回值）：

jQuery 代码:

$.post("test.php", { name: "John", time: "2pm" } );

3描述:

向服务器传递数据数组（同时仍然忽略返回值）：

jQuery 代码:

$.post("test.php", { ‘choices[]‘: ["Jon", "Susan"] });

4描述:

使用 ajax 请求发送表单数据：

jQuery 代码:

$.post("test.php", $("#testform").serialize());

5描述:

输出来自请求页面 test.php 的结果（HTML 或 XML，取决于所返回的内容）：

jQuery 代码:

$.post("test.php", function(data){
          alert("Data Loaded: " + data);
          });

6描述:

向页面 test.php 发送数据，并输出结果（HTML 或 XML，取决于所返回的内容）：

jQuery 代码:

$.post("test.php", { name: "John", time: "2pm" },
          function(data){
          alert("Data Loaded: " + data);
          });

7描述:

获得 test.php 页面的内容，并存储为 XMLHttpResponse 对象，并通过 process() 这个 JavaScript 函数进行处理：

jQuery 代码:

$.post("test.php", { name: "John", time: "2pm" },
          function(data){
          process(data);
          }, "xml");

8描述:

获得 test.php 页面返回的 json 格式的内容：：

jQuery 代码:

$.post("test.php", { "func": "getNameAndTime" },
          function(data){
          alert(data.name); // John
          console.log(data.time); //  2pm
          }, "json");

9描述:

jQuery 1.12 中 jQuery.post支持对象参数，具体的参数可以参考 $.ajax()：

jQuery 代码:

          jQuery.post({
            url: “/example”
          });