jquery ajax请求方式与提示用户正在处理请稍等
2018-10-12 14:11
411 查看
初次使用$.ajax() ,我没有去区分过ajax的异步请求和同步请求的不同,刚开始使用同步请求,以至后来出现许多问题,特别在体验度方面。
异步和同步:
同步意味着执行完一段程序才能执行下一段,它属于阻塞模式,其表现在网页上的现象是――浏览器会锁定页面(即所谓的页面假死状态),用户不能操作其它的,必须等待当前请求返回数据。而使用异步方式请求,页面不会出现假死现象。
提升用户体验度:
当用户提交数据等待页面返回结果是需要时间的,有时这段等待时间比较长,为了提高用户体验度,我们通常会给出 “正在处理,请稍等!”诸如此类的提示。我们可通过设置$.ajax()下的参数beforeSend()来实现,
eg:
html关键代码
<div id="warning"></div>
js文件中的关键代码
$.ajax(function(){ . . . //省略了一些参数,这里只给出async 和 beforeSend async: false, //同步请求,默认情况下是异步(true)beforeSend: function(){ $('#warning').text('正在处理,请稍等!'); } });
注意,如果你按照同步设置 async: false, $('#warning').text('正在处理,请稍等!');在网页中根本没有出现效果,如果将$('#warning').text('正在处理,请稍等!');换成 alert(‘test');在发送请求前会立即看到弹出框,这说明 beforeSend:是执行了,但是换成别的诸如 $('#warning').text('正在处理,请稍等!'); 在请求发出返回结果了都没有看到提示出现。关于这个问题,我是纳闷了很久,问题到底是什么我还是不清楚。
把同步请求改成异步请求,上面的问题就没有了,
beforeSend: function(){ $('#warning').text('正在处理,请稍等!'); }
会立即被执行。
您可能感兴趣的文章:
相关文章推荐
- jquery ajax请求方式与提示用户正在处理请稍等,等待数据返回时loading的显示
- jquery ajax请求方式与提示用户正在处理请稍等
- jquery ajax请求方式与提示用户正在处理请稍等
- jquery ajax请求方式与提示用户等待处理
- 恢复数据库时,提示有用户正在使用的处理方式
- 为jquery ajax请求增加正在运行提示
- 牛腩购物11:完善用户注册 onblur 失去焦点 jquery ajax post方式使用 一般处理程序 判断用户是否存在 前台js的应用
- 为jquery ajax请求增加正在运行提示_优就业
- Win7网上邻居提示未授予用户在此计算机上的请求登录类型解决办法
- 删除用户时提示该用户正在链接
- ecmall指定后台以ajax方式处理请求
- 仿照水木处理方式,对站务特权做提示
- yii 用户提示信息,错误提示信息的处理方法
- Jquery AJAX WebService处理方式 demo
- Access 增加字段提示:“正在被别的用户或者进程试用,数据库引擎无法锁定”
- spring-mvc 请求body 的处理方式 HttpMessageConverter
- struts2处理用户输入信息的3中方式
- Linux下执行程序出现 Text file busy 提示时的处理方式
- 存储过程中insert其它用户的表,编译提示无权限的处理
- Android6.0及以上版本一次请求多个权限的处理方式