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

最新推荐文章于 2024-07-15 22:52:27 发布

weixin_30256901

最新推荐文章于 2024-07-15 22:52:27 发布

阅读量85

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Renyi-Fan/p/9084231.html

本文介绍了 jQuery 中的 $.post() 方法，详细解释了如何通过 HTTP POST 请求从服务器请求数据。文章提供了 $.post() 方法的基本语法及参数说明，并通过实例展示了如何在网页中使用该方法发送请求并处理服务器返回的数据。

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

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 + "\n状态：" + status);
16     });
17   });
18 });
19 </script>
20 </head>
21 <body>
22 
23 <button>向页面发送 HTTP POST 请求，并获得返回的结果</button>
24 
25 </body>
26 </html>