异步请求是在发送请求的同时,不影响其他代码的执行,等到请求得到响应后再执行相应的操作。$.getJSON()方法是jQuery提供的一种异步请求JSON数据的方法。
$.getJSON(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);
}
});
$.ajax({
url: "data.json",
dataType: "json",
async: false,
success: function(data) {
console.log(data);
},
error: function(xhr, ajaxOptions, thrownError) {
alert(thrownError);
}
});
上述例子是通过$.ajax()方法通过同步请求获取JSON数据,在请求成功后将数据打印在控制台上。当请求被发送后,代码会等待响应,直到得到响应后才继续执行接下来的代码。如果请求失败,则会弹出错误提示框。
同步请求和异步请求都有各自的优点和缺点。异步请求不会阻塞其他代码的执行,用户体验较好,但是可能会出现请求得到响应后执行的操作被跳过的问题。同步请求可以保障执行的先后顺序,但是可能会导致页面卡死或者请求响应超时的问题。需要根据实际需求进行选择。
本文链接:http://task.lmcjl.com/news/10683.html