首頁 > web前端 > 前端問答 > jquery非同步請求有幾種

jquery非同步請求有幾種

WBOY
發布: 2022-05-18 11:12:21
原創
2099 人瀏覽過

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

jquery非同步請求有幾種

本教學操作環境: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非同步請求有幾種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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板