jQuery - AJAX get() 和 post() 方法
jQuery 的 get() 和 post() 方法用於透過 HTTP GET 或 POST 請求從伺服器請求資料。
HTTP 請求:GET 與 POST
客戶端和伺服器之間進行請求-響應的兩種常用方法是:GET 和 POST。
- GET - 從指定資源請求資料
- POST - 向指定資源提交資料進行處理
GET 主要用於從伺服器獲取(檢索)一些資料。注意:GET 方法可能會返回快取資料。
POST 也可以用於從伺服器獲取一些資料。然而,POST 方法從不快取資料,並且通常用於隨請求傳送資料。
要了解更多關於 GET 和 POST 以及這兩種方法之間的差異,請閱讀我們的 HTTP 方法 GET vs POST 章節。
jQuery $.get() 方法
$.get()
方法使用 HTTP GET 請求從伺服器請求資料。
語法
$.get(URL,callback);
必需的 URL 引數指定您希望請求的 URL。
可選的 callback 引數是請求成功時要執行的函式的名稱。
以下示例使用 $.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("這是來自外部 ASP 檔案的一些文字。")
%>
jQuery $.post() 方法
$.post()
方法使用 HTTP POST 請求從伺服器請求資料。
語法
$.post(URL,data,callback);
必需的 URL 引數指定您希望請求的 URL。
可選的 data 引數指定要隨請求傳送的一些資料。
可選的 callback 引數是請求成功時要執行的函式的名稱。
以下示例使用 $.post()
方法隨請求傳送一些資料
示例
$("button").click(function(){
$.post("demo_test_post.asp",
{
name: "唐老鴨",
city: "鴨子堡"
},
function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
自己動手試一試 »
$.post()
的第一個引數是我們希望請求的 URL ("demo_test_post.asp")。
然後我們傳入一些要隨請求傳送的資料(姓名和城市)。
"demo_test_post.asp" 中的 ASP 指令碼讀取引數,處理它們,並返回結果。
第三個引數是回撥函式。第一個回撥引數儲存請求頁面的內容,第二個回撥引數儲存請求的狀態。
提示:ASP 檔案 ("demo_test_post.asp") 看起來像這樣:
<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("親愛的 " & fname & ". ")
Response.Write("希望您在 " & city & " 生活愉快。")
%>
jQuery AJAX 參考
有關所有 jQuery AJAX 方法的完整概述,請訪問我們的 jQuery AJAX 參考。