Ajax响应前和完成事件 / beforeSend complete / 判断ajax是否执行完毕

描述：进行数据交互时如果交互时间长，响应慢的话，用户点击提交按钮误认为自己没有操作成功，就会重复点击按钮，造成重复数据。解决的办法是在用ajax请求时，在交互结束之前出现一个转动的loading小图标或者“内容加载中..”的弹框，用来告知用户正在请求数据，在交互结束后这个弹框就会消失。

解决办法：$.ajax的方法beforeSend 和 complete 。beforeSend，用于在向服务器发送请求前添加一些处理函数，complete ，用于服务器完成响应后执行的函数。

                                    $.ajax({type:"post",url:"xxx",data:dataParams,dataType:"json",async:false,beforeSend: function () {// 提交数据前显示loading...},success:function(res){//数据提交成功},complete: function () {//响应完成后关闭loading...的显示},error:function(){}});

Ajax响应前和完成事件 / beforeSend complete / 判断ajax是否执行完毕相关推荐

jQuery中Ajax事件beforesend及各参数含义
Ajax会触发很多事件. 有两种事件,一种是局部事件,一种是全局事件: 局部事件:通过$.ajax来调用并且分配. $.ajax({ beforeSend: function(){ // Han ...
ajax beforesend xhr对象,jQuery中Ajax事件beforesend及各参数含义(示例代码)
转自:http://blog.sina.com.cn/s/blog_609f9fdd0100wprz.html Ajax会触发很多事件. 有两种事件,一种是局部事件,一种是全局事件: 局部事件:通过$ ...
ajax更改dom,javascript – 用Ajax响应替换DOM节点
我有一个ajax响应,看起来像这样: some other text 我想用resp替换下面的element1: 所以在替换后我会得到: some other text 我尝试了replaceChil ...
hitTest和pointInside如何响应用户点击事件
hitTest和pointInside如何响应用户点击事件处理机制 iOS事件处理,首先应该是找到能处理点击事件的视图,然后在找到的这个视图里处理这个点击事件. 处理原理如下: • 当用户点击屏幕时 ...
UI控件无法响应点击等事件的探索
2019独角兽企业重金招聘Python工程师标准>>> UI控件无法响应点击等事件的探索一.响应者链关于响应者链,有如下一段介绍:每一个应用有一个响应者链,我们的视图结构是一个N ...
SilverLight学习笔记--如何解决Button不响应MouseLeftButtonDown与MouseLeftButtonUp事件的问题...
在Silverlight 2 中的按钮不能响应MouseLeftButtonDown 和 MouseLeftButtonUp 事件,为解决此问题,我们可通过创建自定义按钮控件加以解决, 1.创建自定义 ...
change事件判断ajax,jquery中change事件里面if语句失效
彩色黑白两个下拉框给第一个下拉框change事件请求不同的ajax地址改变第二个下拉框的数据 $("#img-type").change(function(){ cons ...
Ajax响应处理数据的三种格式（主要使用gson包）
Ajax响应处理数据的三种格式 A.普通文本(重点)后台:sevletresp.getWriter().print("Ajax响应成功");前台:jspvar text= xhr. ...
UITextView: 响应键盘的 return 事件（收回键盘）
UITextView: 响应键盘的 return 事件(收回键盘) 此篇文章将要介绍UITextView: 响应键盘的 return 事件(收回键盘)的相关介绍,具体实例请看下文 UITextView ...

Ajax响应前和完成事件 / beforeSend complete / 判断ajax是否执行完毕

Ajax响应前和完成事件 / beforeSend complete / 判断ajax是否执行完毕相关推荐

最新文章

热门文章