jquery ajax请求方式与提示用户正在处理请稍等

 更新时间:2014年09月01日 16:10:20   投稿:whsnow  
为了提高用户体验度,我们通常会给出 “正在处理,请稍等!”诸如此类的提示。我们可通过设置$.ajax()下的参数beforeSend()来实现

初次使用$.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实现点击页面计算点击次数

    jquery实现点击页面计算点击次数

    这篇文章主要给大家分享了一段使用jquery实现点击页面计算点击次数的代码,非常实用,有需要的小伙伴参考下。
    2015-01-01
  • jquery获取复选框checkbox的值实现方法

    jquery获取复选框checkbox的值实现方法

    下面小编就为大家带来一篇jquery获取复选框checkbox的值实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • JQuery实现左右滚动菜单特效

    JQuery实现左右滚动菜单特效

    这篇文章主要介绍了jquery实现左右滑动菜单效果代码,涉及jquery鼠标事件相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • jQuery中after()方法用法实例

    jQuery中after()方法用法实例

    这篇文章主要介绍了jQuery中after()方法用法,以实例形式较为详细的分析了after()方法的功能、特性与使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • jQuery序列化后的表单值转换成Json

    jQuery序列化后的表单值转换成Json

    这篇文章主要介绍了Jquery序列化后的表单值转换成Json的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-06-06
  • jQuery给动态添加的元素绑定事件的方法

    jQuery给动态添加的元素绑定事件的方法

    这篇文章主要介绍了jQuery给动态添加的元素绑定事件的方法,对比了jQuery中事件绑定的方法以及常见版本使用绑定的区别,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • jquery 使用点滴函数代码

    jquery 使用点滴函数代码

    简单的按钮js事件 用于判断和显示提示
    2011-05-05
  • jQuery阻止事件冒泡实例分析

    jQuery阻止事件冒泡实例分析

    这篇文章主要介绍了jQuery阻止事件冒泡的方法,结合实例形式分析了jQuery阻止事件冒泡的原理、常用实现方法,并结合完整实例形式分析了jQuery阻止事件冒泡的相关操作技巧,需要的朋友可以参考下
    2018-07-07
  • jquery网页日历显示控件calendar3.1使用详解

    jquery网页日历显示控件calendar3.1使用详解

    这篇文章主要为大家详细介绍了jquery网页日历显示控件calendar3.1使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • jquery插件制作简单示例说明

    jquery插件制作简单示例说明

    今天刚刚把jquery的插件制作学习了一下,总结一下别人写的和自己的心得,方便其他初学者的学习,考虑到要学习jquery插件制作的人一定知道jquery插件的好处和通用性,这里就不多说
    2012-02-02

最新评论