ajax中的beforesend参数说明

------->1.防止重复数据

在实际项目开发中，提交表单时常常由于网络或者其原因，用户点击提交按钮误认为自己没有操作成功，进而会重复提交按钮操作次数，如果页面前端代码没有做一些相应的处理，通常会导致多条同样的数据插入数据库，导致脏数据的增加。要避免这种现象，在$.ajax请求中的beforeSend方法中把提交按钮禁用掉，等到Ajax请求执行完毕，在恢复按钮的可用状态。

------->2.模拟Toast效果

ajax请求服务器加载数据列表时提示loading(“加载中，请稍后...”),

例：$.ajax({

type: "post",

contentType: "application/json",

url: "/Home/GetList",

beforeSend: function () {

$("loading").show();

success: function (data) {

if (data == "Success")

{

// ...

}

complete: function () {

$("loading").hide();

error: function (data) {

console.info("error: " + data.responseText);

}

});

转载于:https://www.cnblogs.com/jbml-154312/p/7269577.html

ajax中的beforesend参数说明相关推荐

Ajax中的beforeSend函数使用
Ajax中的beforeSend函数使用代码如下在用ajax请求时,没有返回前会出现前出现一个转动的loading小图标或者"内容加载中-",用来告知用户正在请求数据.这个就可 ...
Ajax中的beforeSend
在实际的项目中,用户经常会把已提交的数据再次提交,这时候数据库就会因此出现数据的重复.而jquery中的ajax方法中正好有解决此问题的方法,如下红色的代码,在ajax中的beforeSend方法中, ...
登录页面添加回车和单击登录事件 jQuery.ajax中的 beforeSend:function () 回调函数【日常记录】
比较有意思的地方1: 实现如下功能可以两种方法用jQuery.ajax中的 beforeSend:function () 回调函数:如下(下方有全部代码案例) beforeSend:function ...
巧用Ajax中的BeforeSend函数
jQuery是经常使用的一个开源js框架,其中的$.ajax请求中有一个beforeSend方法,用于在向服务器发送请求前执行一些动作. 具体可参考jQuery官方文档:http://api.jque ...
java ajax datatype_理解jquery ajax中的datatype属性选项值
jquery中ajax的dataType属性用于指定服务器返回的数据类型,如果不指定,jQuery 将自动根据HTTP包MIME信息来智能判断,如果datatype选项不填写的话,会将返回的数据当成字 ...
$.ajax datatype默认是什么类型,理解jquery ajax中的datatype属性选项值
jquery中ajax的dataType属性用于指定服务器返回的数据类型,如果不指定,jQuery 将自动根据HTTP包MIME信息来智能判断,如果datatype选项不填写的话,会将返回的数据当成字 ...
ajax参数datatype,$.ajax 中的contentType和dataType设置
开始说之前,首先说下$.ajax的一些参数: 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(post或get ...
ASP.NET 2.0 ajax中gridView的刷新问题!
我是一个经常使用ASP.NET2.0的开发人员,最近看了ajax课程,也想使用一下Ajax这个强大的技术,我就使用了,在一个UpdatePanel中放入了一个gridView,果然能达我的满意效果,设 ...
ASP.NET 2.0 AJAX中Webservice调用方法示例
ASP.NET 2.0 AJAX中能够在客户端js中很方便地调用服务器Webservice,以下为一些调用的示例.笔者安装的ASP.NET 2.0 AJAX 版本为AJAX November CTP. ...

ajax中的beforesend参数说明

ajax中的beforesend参数说明相关推荐

最新文章

热门文章