jquery非同步請求有4種:1、Ajax請求,語法為「$.ajax({name:value,…})」;2、get請求,語法為「$.get(url,傳遞的參數,回呼函數,類型)」;3、getJSON請求,支援跨域呼叫;4、post請求。
本教學操作環境:windows10系統、jquery3.2.1版本、Dell G3電腦。
第一種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(url位址,param傳遞的參數,回呼函數,傳回值型別)註:
參數:可選;傳回值類型:可以根據資料自動比對型別(一般可以省略)(透過遠端HTTP POST 要求載入資訊)描述:輸出來自請求頁面test.php 的結果(HTML 或XML,取決於所傳回的內容):
jQuery 程式碼:
$.post("test.php", function(data){ alert("Data Loaded: " + data); });
$.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; }); });
以上是jquery非同步請求有幾種的詳細內容。更多資訊請關注PHP中文網其他相關文章!