jquery中ajax中post方法（多学习：洞悉原理，触类旁通）（函数封装思想）

一、总结

1、多看学习视频：洞悉原理，触类旁通，

2、函数封装：$.post(URL,data,callback); 这个函数就是赤裸裸的对ajax进行了函数封装

二、jquery中ajax中post方法

1、jquery中ajax主干

2、详解

jQuery $.post() 方法

$.post() 方法通过 HTTP POST 请求从服务器上请求数据。

语法：

$.post(URL,data,callback);

必需的 URL 参数规定您希望请求的 URL。

可选的 data 参数规定连同请求发送的数据。

可选的 callback 参数是请求成功后所执行的函数名。

下面的例子使用 $.post() 连同请求一起发送数据：

实例

$("button").click(function(){
  $.post("demo_test_post.asp",
  {
    name:"Donald Duck",
    city:"Duckburg"
  },
  function(data,status){ //1、data就相当于从服务器返回的responseText，status就是相当于服务器返回的statusText
    alert("Data: " + data + "
Status: " + status);
  });
});

$.post() 的第一个参数是我们希望请求的 URL ("demo_test_post.asp")。

然后我们连同请求（name 和 city）一起发送数据。

"demo_test_post.asp" 中的 ASP 脚本读取这些参数，对它们进行处理，然后返回结果。

第三个参数是回调函数。第一个回调参数存有被请求页面的内容，而第二个参数存有请求的状态。

提示：这个 ASP 文件 ("demo_test_post.asp") 类似这样：

<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
%>

3、实例

1、data就相当于从服务器返回的responseText，status就是相当于服务器返回的statusText

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <script src="/jquery/jquery-1.11.1.min.js">
 5 </script>
 6 <script>
 7 $(document).ready(function(){
 8   $("button").click(function(){
 9     $.post("/example/jquery/demo_test_post.asp",
10     {
11       name:"Donald Duck",
12       city:"Duckburg"
13     },
14     function(data,status){
15       alert("数据：" + data + "
状态：" + status);
16     });
17   });
18 });
19 </script>
20 </head>
21 <body>
22 
23 <button>向页面发送 HTTP POST 请求，并获得返回的结果</button>
24 
25 </body>
26 </html>