jquery非同步請求有幾種

jquery非同步請求有4種：1、Ajax請求，語法為「$.ajax({name:value,…})」；2、get請求，語法為「$.get(url,傳遞的參數,回呼函數,類型)」；3、getJSON請求，支援跨域呼叫；4、post請求。

本教學操作環境：windows10系統、jquery3.2.1版本、Dell G3電腦。

jquery非同步請求有幾個

第一種Ajax請求：

$.ajax()：是最核心的方法。

$.ajax()方法是一個有力且直接的創建Ajax請求的方法。使用一個選項物件作為參數傳給它，這個選項物件的屬性配置了完成請求所需的所有指令。

$.ajax()提供了成功以及失敗的回呼函數。

語法：

$.ajax({name:value, name:value, … })

儲存資料到伺服器，成功時顯示訊息

$.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
});

註解：

type:（預設：「GET」），請求方式（“POST”或“GET”）其他請求方法僅部分瀏覽器支援。

url:(預設目前頁位址)發送請求的位址。

data:存入的資料。

success：當請求之後調用，轉入返回後的數據，以及包含成功程式碼的字串。

Function()裡面需要存入控制器那邊宣告的全域變數

#第二種$.get()請求：

#語法：

#$.get(url位址,param傳遞的參數,回呼函數,傳回值類型)

附註：

參數：可選;

返回值類型：可以根據資料自動比對型別（一般可以省略）

（透過遠端HTTP GET 請求載入訊息。這是一個簡單的GET 請求功能以取代複雜$.ajax 。請求成功時可呼叫回調函數。如果需要在出錯時執行函數，請使用$.ajax。）

描述：

顯示test.php 傳回值(HTML 或XML，取決於傳回值)。

jQuery 程式碼:

$.get("test.php", function(data){
          alert("Data Loaded: " + data);
});

第三種$.post()要求：

語法：

$.post(url位址,param傳遞的參數,回呼函數,傳回值型別)

註：

參數：可選；

傳回值類型：可以根據資料自動比對型別（一般可以省略）

（透過遠端HTTP POST 要求載入資訊）

描述：

輸出來自請求頁面test.php 的結果（HTML 或XML，取決於所傳回的內容）：

jQuery 程式碼:

$.post("test.php", function(data){
          alert("Data Loaded: " + data);
          });

#第四種$.getJSON()請求：

###########################$.getJSON()是專門為ajax取得json資料而設定的，並且支援跨域呼叫。 ######附註：JSON是一種理想的資料傳輸格式，它能夠很好的融合與JavaScript或其他宿主語言，並且可以被JS直接使用。 ######語法：######$.getJSON(url位址,param傳遞的參數(可選),回呼函數)######（透過HTTP GET 請求載入JSON 資料）# #####jQuery 程式碼:###

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format
=json&jsoncallback=?", function(data){
  $.each(data.items, function(i,item){
    $("<img / alt="jquery非同步請求有幾種" >").attr("src", item.media.m).appendTo("#images");
    if ( i == 3 ) return false;
  });
});

###注意：######$.getJSON()請求，與前三有個點不太一樣，控制器裡面return的並非是Content而是JSon格式的程式碼###############相關影片教學推薦：###jQuery影片教學#######

以上是jquery非同步請求有幾種的詳細內容。更多資訊請關注PHP中文網其他相關文章！