選單
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

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 參考


×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援