jquery異步請(qǐng)求的方法有哪些

本篇內(nèi)容介紹了“jquery異步請(qǐng)求的方法有哪些”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

jquery異步請(qǐng)求有4種：1、Ajax請(qǐng)求，語(yǔ)法為“$.ajax({name:value,…})”；2、get請(qǐng)求，語(yǔ)法為“$.get(url,傳遞的參數(shù),回調(diào)函數(shù),類型)”；3、getJSON請(qǐng)求，支持跨域調(diào)用；4、post請(qǐng)求。

本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

jquery異步請(qǐng)求有幾種

第一種Ajax請(qǐng)求：

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

$.ajax()方法是一個(gè)有力并且直接的創(chuàng)建Ajax請(qǐng)求的方法。使用一個(gè)選項(xiàng)對(duì)象作為參數(shù)傳給它，這個(gè)選項(xiàng)對(duì)象的屬性配置了完成請(qǐng)求所需要的所有指令。

$.ajax()提供了成功以及失敗的回調(diào)函數(shù)。

語(yǔ)法：

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

保存數(shù)據(jù)到服務(wù)器，成功時(shí)顯示信息

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

注釋：

type:（默認(rèn)：“GET”），請(qǐng)求方式（“POST”或“GET”）其他請(qǐng)求方法僅部分瀏覽器支持。

url:(默認(rèn)當(dāng)前頁(yè)地址)發(fā)送請(qǐng)求的地址。

data:存入的數(shù)據(jù)。

success：當(dāng)請(qǐng)求之后調(diào)用，轉(zhuǎn)入返回后的數(shù)據(jù)，以及包含成功代碼的字符串。

Function()里面需要存入控制器那邊聲明的全局變量

第二種$.get()請(qǐng)求：

語(yǔ)法：

$.get(url地址,param傳遞的參數(shù),回調(diào)函數(shù),返回值類型)

注：

參數(shù)：可選；

返回值類型：可以根據(jù)數(shù)據(jù)自動(dòng)匹配類型（一般可以省略）

（通過(guò)遠(yuǎn)程 HTTP GET 請(qǐng)求載入信息。這是一個(gè)簡(jiǎn)單的 GET 請(qǐng)求功能以取代復(fù)雜 $.ajax 。請(qǐng)求成功時(shí)可調(diào)用回調(diào)函數(shù)。如果需要在出錯(cuò)時(shí)執(zhí)行函數(shù)，請(qǐng)使用 $.ajax。）

描述：

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

jQuery 代碼:

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

第三種$.post()請(qǐng)求：

語(yǔ)法：

$.post(url地址,param傳遞的參數(shù),回調(diào)函數(shù),返回值類型)

注：

參數(shù)：可選；

返回值類型：可以根據(jù)數(shù)據(jù)自動(dòng)匹配類型（一般可以省略）

（通過(guò)遠(yuǎn)程 HTTP POST 請(qǐng)求載入信息）

描述：

輸出來(lái)自請(qǐng)求頁(yè)面 test.php 的結(jié)果（HTML 或 XML，取決于所返回的內(nèi)容）：

jQuery 代碼:

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

第四種$.getJSON()請(qǐng)求：

$.getJSON()是專門(mén)為ajax獲取json數(shù)據(jù)而設(shè)置的，并且支持跨域調(diào)用。

注：JSON是一種理想的數(shù)據(jù)傳輸格式，它能夠很好的融合與JavaScript或其他宿主語(yǔ)言，并且可以被JS直接使用。

語(yǔ)法：

$.getJSON(url地址,param傳遞的參數(shù)(可選),回調(diào)函數(shù))

（通過(guò) HTTP GET 請(qǐng)求載入 JSON 數(shù)據(jù)）

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()請(qǐng)求，與前三中有個(gè)點(diǎn)不太一樣，控制器里面return的并非是Content而是JSon格式的代碼

“jquery異步請(qǐng)求的方法有哪些”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！