最新的Web开发教程
 

jQuery - AJAX get() and post() Methods


jQuery的get()post()方法用于从服务器请求数据与HTTP GETPOST请求。


HTTP请求: GET VS POST

为客户端和服务器之间的请求-响应两种常用的方法有: GETPOST

  • GET -从指定的资源请求数据
  • POST -提交要处理的数据到一指定的资源

GET基本上用于从服务器刚开(检索)的一些数据。注: GET方法可能返回缓存的数据。

POST也可用于从服务器获取一些数据。 然而, POST方法从不缓存数据,并常常被用来与请求一起发送的数据。

要了解更多关于GETPOST ,这两种方法之间的差异,请仔细阅读我们的HTTP方法GET VS POST章。


jQuery的$.get()方法

$.get()方法从一个HTTP服务器请求数据GET请求。

句法:

$.get(URL,callback);

所需的URL参数指定要请求的URL。

可选的回调参数是如果请求成功要执行的功能的名称。

下面的示例使用$.get()方法从服务器上的文件中检索数据:

$("button").click(function(){
    $.get("demo_test.asp", function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});
试一试»

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

第二个参数是一个回调函数。 第一个回调参数保存所请求页面的内容,第二个回调参数保存请求的状态。

提示:这里是ASP文件的样子("demo_test.asp")

<%
response.write("This is some text from an external ASP file.")
%>

jQuery的$.post()方法

$.post()方法,从使用HTTP服务器请求数据POST请求。

句法:

$.post(URL,data,callback);

所需的URL参数指定要请求的URL。

可选的数据参数指定要与请求一起发送一些数据。

可选的回调参数是如果请求成功要执行的功能的名称。

下面的示例使用$.post()方法来与请求一起发送一些数据:

$("button").click(function(){
    $.post("demo_test_post.asp",
    {
        name: "Donald Duck",
        city: "Duckburg"
    },
    function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});
试一试»

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

然后我们通过一些数据与请求(姓名和所在城市)一起发送。

ASP脚本"demo_test_post.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 & ".")
%>

jQuery的AJAX参考

对于所有的jQuery的一个完整的概述AJAX方法,请访问我们的jQuery AJAX参考