前端之家收集整理的这篇文章主要介绍了
jquery ajax请求方式与提示用户正在处理请稍等,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_502_0@初次使用$.ajax(),我没有去区分过ajax的异步请求和同步请求的不同,刚开始使用同步请求,以至后来出现许多问题,特别在体验度方面。
异步和同步:
同步意味着执行完一段程序才能执行下一段,它属于阻塞模式,其表现在网页上的现象是——浏览器会锁定
页面(即所谓的
页面假死状态),
用户不能操作其它的,必须等待当前请求返回数据。而使用异步方式请求,
页面不会出现假死现象。
提升用户体验度:
当
用户提交数据等待
页面返回结果是需要时间的,有时这段等待时间比较长,为了提高
用户体验度,我们通常会给出 “正在处理,请稍等!”诸如此类的
提示。我们可通过设置$.ajax()下的参数beforeSend()来实现,
eg:
html关键
代码
@H_
502_0@js
文件中的关键
代码
@H_
502_0@注意,如果你按照同步设置 async: false,$('#warning').text('正在处理,请稍等!');在网页中根本没有出现
效果,如果将$('#warning').text('正在处理,请稍等!');换成 alert(‘test');在发送请求前会立即看到弹出框,这说明 beforeSend:是执行了,但是换成别的诸如 $('#warning').text('正在处理,请稍等!'); 在请求发出返回结果了都没有看到
提示出现。关于这个问题,我是纳闷了很久,问题到底是什么我还是不清楚。
把同步请求改成异步请求,上面的问题就没有了,
@H_
502_0@会立即被执行。
原文链接:https://www.f2er.com/ajax/57935.html