浅析 $.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数据，在请求成功后将数据打印在控制台上。当请求被发送后，代码会等待响应，直到得到响应后才继续执行接下来的代码。如果请求失败，则会弹出错误提示框。

总结

同步请求和异步请求都有各自的优点和缺点。异步请求不会阻塞其他代码的执行，用户体验较好，但是可能会出现请求得到响应后执行的操作被跳过的问题。同步请求可以保障执行的先后顺序，但是可能会导致页面卡死或者请求响应超时的问题。需要根据实际需求进行选择。