如何在浏览器中同步ajax调用期间显示等待消息
如何在浏览器中同步ajax调用时显示等待消息？ 我尝试下面的代码，关闭Web服务器，但不显示“正在保存”消息。
经过一段时间后，只发生ajax调用的错误事件，没有任何进度消息。
如果同步ajax调用正在进行中，如何向用户显示等待消息？
var myInfo = '' + '
' + ' ' + 'Saving
' + '
' $('#_info').html(myInfo); $('#_info').show(); $.ajax( 'save', { async: false, type: 'POST' } ); 您的问题是您正在使用同步AJAX调用，并且几乎锁定浏览器直到完成。 特别是，在您点击$.ajax({async:false})锁定之前，浏览器将无法显示您的“加载”消息; 例如，观察它的作用：
请注意，当AJAX运行时，按钮甚至没有变回未被忽略的视觉状态？
解决方案是显示您的加载消息，手动控制回到浏览器，然后使用同步远程调用锁定所有内容。 一种方法是使用延迟为零的setTimeout ：
$('#_info').html(myInfo); $('#_info').show(); setTimeout(function() { $.ajax('save', { async: false, type: 'POST', complete: function() { $('#_info').hide(); } }); }, 0);
例如： http ： //jsfiddle.net/ambiguous/zLnED/
当然需要一些小心，因为this在setTimeout回调中不一样，因为它在外面但很容易处理。
使用async:false对你的用户来说不是一件好事，你应该尽量避免它，除非绝对必要（而且很少）。
Loading...
你的ajax电话：
$('.loading').fadeIn(50, function() { $.ajax( 'save', { async: false, type: 'POST' } ); }); $('.loading').fadeOut(50);