最新的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參考