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/>").attr("src", item.media.m).appendTo("#images");
    if ( i == 3 ) return false;
  });
});

注意：

$.getJSON()請求，與前三中有個點不太一樣，控制器裡面return的並非是Content而是JSon格式的程式碼

相關視訊教學推薦：

以上就是jquery非同步請求有幾種的詳細內容，更多請關注TW511.COM其它相關文章！