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格式的代码