Ajax之 beforeSend和complete longind制作

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Consolas; min-height: 18.0px }
p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Consolas; color: #f9f9f5 }
p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Consolas; color: #888471 }
p.p4 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Consolas }
p.p5 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Consolas; color: #ebe087 }
span.s1 { color: #75e0f2 }
span.s2 { color: #f9f9f5 }
span.s3 { color: #ebe087 }
span.s4 { color: #ffa827 }
span.s5 { color: #000000 }
span.Apple-tab-span { white-space: pre }

 

 

$.ajax({

    beforeSend: function(){

     // Handle the beforeSend event

    },

    complete: function(){

     // Handle the complete event

    }

    // ......

});

 

$.ajax({

    type: "post",

 

    url: "xxxxx",

    beforeSend: function () {

        $("loading").show();

    },

    success: function (data) {

    //........

    },

    complete: function () {

        $("loading").hide();

},

});

时间: 2024-10-07 06:47:28

Ajax之 beforeSend和complete longind制作的相关文章

巧用Ajax的beforeSend 提高用户体验

jQuery是经常使用的一个开源js框架,其中的$.ajax请求中有一个beforeSend方法,用于在向服务器发送请求前执行一些动作.具体可参考jQuery官方文档:http://api.jquery.com/Ajax_Events/ $.ajax({ beforeSend: function(){ // Handle the beforeSend event }, complete: function(){ // Handle the complete event } // ...... }

jQuery中Ajax事件beforesend及各参数含义

jQuery中Ajax事件beforesend及各参数含义 2014-01-21 22:27 1678人阅读 评论(0) 收藏 举报  分类: jquery(36)  转自:http://blog.sina.com.cn/s/blog_609f9fdd0100wprz.html Ajax会触发很多事件. 有两种事件,一种是局部事件,一种是全局事件: 局部事件:通过$.ajax来调用并且分配. $.ajax({ beforeSend: function(){ // Handle the befor

jquery ajax中success与complete的执行顺序

jquery ajax中success与complete的执行顺序 jquery中各个事件执行顺序如下: 1.ajaxStart(全局事件) 2.beforeSend 3.ajaxSend(全局事件) 4.success 5.ajaxSuccess(全局事件) 6.error 7.ajaxError (全局事件) 8.complete 9.ajaxComplete(全局事件) 10.ajaxStop(全局事件) 先执行success,再执行error,最后始终执行complete -------

给select2的ajax添加beforeSend方法

1.日前碰到一个这样的问题:后台要验证登录信息;让我在进行ajax请求的时候;都要给个Aurhorization; 我想到的方法就是在ajax的beforeSend的方法里面 beforeSend: function(xhr) { var token = $.cookie('token'); if (token) { xhr.setRequestHeader("Authorization", "Bearer " + token); }}然后我在select2的aja

ajax用beforeSend自定义请求过程中客户端事件,提高用户体验

本文为博主原创,未经允许不得转载: 在应用ajax的过程中,当我们再前台提交请求的时候,如果服务端响应事件比较长,就会导致需要等很长时间在前台才能接受到服务端返回的 响应结果,往往会导致用户重复点击按钮,进行重复请求,如何可以避免这种情况发生,ajax提供了一个beforeSend属性,用这个既可以避免这种 情况发生. 用这个属性可以定义客户端向服务端请求过程中的事件,比如在请求过程中禁用请求按钮的属性,或定义请求加载状态等, 实现的代码如下: function exportData(){ $.

jQuery.ajax中success 和complete 区别

$.ajax({      type: "post",      url: url,      dataType:'html',      success: function(data) { },     complete: function(XMLHttpRequest, textStatus) { },     error: function(){}}); success : 当请求成功时调用的函数.这个函数会得到一个参数:从服务器返回的数据.当请求成功时调用函数,即status=

jquery ajax中success与complete的执行顺序 (转)

http://blog.sina.com.cn/s/blog_4adc4b090101dhnh.html https://q.cnblogs.com/q/21810/ ****************************************************************** jQuery中各个事件执行顺序如下: 1.ajaxStart(全局事件) 2.beforeSend 3.ajaxSend(全局事件) 4.success 5.ajaxSuccess(全局事件) 6.

ajax图片加载,complete

为了给用户更好的体验, 前辈们开发了ajax , 那么如何用好这个ajax  给用户最佳的体验呢 , 好吧, 步入正题 , 这节文章就是解决在ajax提交后 如何给用户一个好的反馈,假如用户进行操作 , 等半天一点反应也没有, 其实我们程序已经在执行了  . 那样就会给人不好的一种感觉 , 如果我们给他一点反馈效果就不一样了, 明显要好很多. 如下图 ! 那么这么一张图 , 在ajax 运行是时候是如果加载进去的呢 ?  当然方法有很多种, 我还是贴上代码吧 . ajaxLoad.textLoa

巧用ajax请求服务器加载数据列表时提示loading

我们利用weui.js中的weui.loading为效果,ajax的beforeSend与complete方法,做一个加载数据时会有几秒的 loading... 要在页面需要加载的JS文件: <script src="../js/libs/weui.min.js"></script> 可以去weui的文档中下载,这是它的demo:   https://weui.io/weui.js/ 这里主要讲jQuery ajax的get,查询数据时,它的结构为: $.aja