jquery異步請求的意思是瀏覽器在發送請求給服務器之后，不需要等待服務器響應返回就可以隨時發送下一次請求，即請求發送之前的數據不丟失，又能實現頁面的局部刷新；可以利用Ajax、“$.get()”、“$.post()”和“$.getJSON()”四種方法實現異步請求。

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

jquery異步請求是什么意思

異步請求

當瀏覽器向服務器發送同步請求時，服務處理同步請求的過程中，瀏覽器會處于等待的狀態，服務器處理完請求把數據響應給瀏覽器并覆蓋瀏覽器內存中原有的數據，瀏覽器重新加載頁面并展示服務器響應的數據。

那么，有沒有一種技術，可以讓瀏覽器發送請求給服務器，服務器處理請求的過程中，瀏覽器不處于等待的狀態，并且瀏覽器接收響應數據的同時不再重新加載整個頁面，既請求發送之前的數據不丟失，又能實現頁面的局部刷新呢？那就要用到ajax請求——異步請求模型

同步請求就是在發送一個請求之后，需要等待服務器響應返回，才能夠發送下一個請求。

異步請求和同步請求相對，異步不需要等待響應，隨時可以發送下一次請求。

jQuery異步請求的四種方式

第一種Ajax請求：
保存數據到服務器，成功時顯示信息

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

注釋：
l type:（默認：“GET”），請求方式（“POST”或“GET”）其他請求方法僅部分瀏覽器支持。
l url:(默認當前頁地址)發送請求的地址。
l data:存入的數據。
l success：當請求之后調用，轉入返回后的數據，以及包含成功代碼的字符串。
l Function()里面需要存入控制器那邊聲明的全局變量

第二種$.get()請求：
（通過遠程 HTTP GET 請求載入信息。這是一個簡單的 GET 請求功能以取代復雜 $.ajax 。請求成功時可調用回調函數。如果需要在出錯時執行函數，請使用 $.ajax。）
描述：
顯示 test.php 返回值(HTML 或 XML，取決于返回值)。
jQuery 代碼:

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

第三種$.post()請求：
（通過遠程 HTTP POST 請求載入信息）
描述：
輸出來自請求頁面 test.php 的結果（HTML 或 XML，取決于所返回的內容）：
jQuery 代碼:

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

第四種$.getJSON()請求：
（通過 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){  $("").attr(“src”, item.media.m).appendTo("#images");  if ( i == 3 ) return false;  });  });

注意：

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

視頻教程推薦：jQuery視頻教程