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

时间：2021-08-15 09:06:36

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

一、总结

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

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

二、jquery中ajax中post方法

1、jquery中ajax主干

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

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 + "\nStatus: " + 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、实例

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

1、data就相当于从服务器返回的responseText，status就是相当于服务器返回的statusText
 <!DOCTYPE html>

 <html>

 <head>

 <script src="/jquery/jquery-1.11.1.min.js">

 </script>

 <script>

 $(document).ready(function(){

   $("button").click(function(){

     $.post("/example/jquery/demo_test_post.asp",

     {

       name:"Donald Duck",

       city:"Duckburg"

     },

     function(data,status){

       alert("数据：" + data + "\n状态：" + status);

     });

   });

 });

 </script>

 </head>

 <body>

 <button>向页面发送 HTTP POST 请求，并获得返回的结果</button>

 </body>

 </html>

相关文章