浅析 $.getJSON异步请求和同步请求

异步请求

异步请求是在发送请求的同时，不影响其他代码的执行，等到请求得到响应后再执行相应的操作。$.getJSON()方法是jQuery提供的一种异步请求JSON数据的方法。

语法

$.getJSON(url, [data], [callback])

url：必需，表示请求地址；
data：可选，表示请求发送的数据；
callback：可选，表示请求成功后执行的回调函数。

例子

$.getJSON("data.json", function(data) {
   console.log(data);
});

上述例子是通过$.getJSON()方法通过异步请求获取JSON数据，在请求成功后将数据打印在控制台上。当请求被发送后，代码不会等待响应，而是继续执行接下来的代码。

同步请求

同步请求是在发送请求的同时，会阻塞其他代码的执行，直到请求得到响应后才继续执行。$.ajax()方法是jQuery提供的一种同步或异步请求数据的方法。

语法

$.ajax({
   url: url,
   data: data,
   dataType: dataType,
   async: false,
   success: function(data) {
      console.log(data);
   },
   error: function(xhr, ajaxOptions, thrownError) {
      alert(thrownError);
   }
});

url：必需，表示请求地址；
data：可选，表示请求发送的数据；
dataType：可选，表示响应的数据类型；
async：必需，表示是否异步请求，取值为false时表示同步请求，默认为true；
success：必需，表示请求成功后执行的回调函数；
error：可选，表示请求失败后执行的回调函数。

例子

$.ajax({
   url: "data.json",
   dataType: "json",
   async: false,
   success: function(data) {
      console.log(data);
   },
   error: function(xhr, ajaxOptions, thrownError) {
      alert(thrownError);
   }
});

上述例子是通过$.ajax()方法通过同步请求获取JSON数据，在请求成功后将数据打印在控制台上。当请求被发送后，代码会等待响应，直到得到响应后才继续执行接下来的代码。如果请求失败，则会弹出错误提示框。