ajax get before,Ajax beforeSend和complete 方法
.ajax({
beforeSend: function(){
// Handle the beforeSend event
},
complete: function(){
// Handle the complete event
}
// ......
});
1
2
3
4
5
6
7
8
9
其中的$.ajax请求中有一个beforeSend方法,用于在向服务器发送请求前执行一些动作。
complete 方法执行完后调用
用途
防止重复数据
// 提交表单数据到后台处理
$.ajax({
type: "post",
data: studentInfo,
contentType: "application/json",
url: "/Home/Submit",
beforeSend: function () {
// 禁用按钮防止重复提交
$("#submit").attr({ disabled: "disabled" });
},
success: function (data) {
if (data == "Success") {
//清空输入框
clearBox();
}
},
complete: function () {
$("#submit").removeAttr("disabled");
},
error: function (data) {
console.info("error: " + data.responseText);
}
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
模拟Toast效果
$.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);
}
});
ajax get before,Ajax beforeSend和complete 方法相关推荐
- Ajax的beforeSend 和 complete
前端的童鞋们:在项目中都会遇到向后台请求数据: 通常会采用ajax请求,在请求的过程中有时返回的数据过多或者用户网络慢的原因,导致页面一开始会有空白页面,这样给用户带来的体验不好 $.ajax请求中有 ...
- Ajax出现 beforeSend 和 complete 的方法失效问题(已解决)
一.背景 在点击按钮使用 Ajax 提交表单的时候,希望在提交到服务器之前锁定提交按钮(避免重复点击给后台数据库带来脏数据的风险),并提示文件正在处理:在完成与服务器交互后,解锁提交按钮.问题来了,写 ...
- jQuery $.Ajax 的beforeSend、complete、success、error的执行顺序和参数
Ajax每天都在用,但都是复制来的,从来没有看过Ajax的回调函数到底有哪些参数,今天看了一下,记录下来加强记忆,希望能对大家也有些用处. ajax示例: $.ajax({ type: "P ...
- ajax complete调用方法,jquery – 在AJAX调用中使用success()或complete()
我想了解下面的 AJAX调用,使用complete()方法; 当我用success()替换complete()时,我会得到一个空的responseText,就像AJAX error()方法一样. 另一 ...
- ajax complete写法,jquery ajax complete 方法
jquery ajax var ajaxTimeoutTest = $.ajax({ url:'', //请求的URL timeout : 1000, //超时时间设置,单位毫秒 type : 'g ...
- php ajax jquery 表单重复提交,jQuery的 $.ajax防止重复提交的两种方法(推荐)
下面给大家带来两种关于jquery 的ajax防止重复提交的解决方法,具体介绍如下所示: 1.第一种,对于onclick事件触发的的ajax 可以采用如下方法: 即在beforeSend中使点击按钮不 ...
- jQuery的 $.ajax防止重复提交的两种方法(推荐)
本文给大家分享两种jquery 的ajax防止重复提交的方法,第一种方法对于onclick事件触发的ajax,在beforeSend中使点击按钮不可用,ajax结果返回后置为可用,第二种利用jquer ...
- ajax post的回调函数另一个方法,jQueryajax–post()方法 - 米扑博客
jQuery ajax - post() 实例 请求 test.php 网页,忽略返回值: $.post("test.php"); 通过 AJAX POST 请求改变 div 元素 ...
- php yii2自动给值,Yii2基于Ajax自动获取表单数据的方法
本文实例讲述了Yii2基于Ajax自动获取表单数据的方法.分享给大家供大家参考,具体如下: 这里有两张表,表结构如下,locations表存放的省份和邮编等信息,两张表的model和curd均使用gi ...
最新文章
- mysql的status状态说明
- systemback-----做你折腾的后盾
- “并发用户数”、“系统用户数”和“同时在线用户数”的计算公式
- Pytorch中的 torch.as_tensor() 和 torch.from_numpy() 的区别
- javascript 事件委派
- linux系统下升级node,linux下安装指定版本的nodejs(升级到指定版本)
- 信号处理:单边、双边频谱间的相互转换(转)
- linux home的权限,Linux中用户帐号和用户home目录
- centos7 docker安装_Centos7 安装 Docker
- C++调用其他语言(C#、java、python)
- 提纲挈领webrtc音频处理算法之写在前面的话
- cadence学习笔记(2)-PCB封装库制作
- Spring AOP术语:连接点和切点的区别。
- UNITY设计一款简单的3d射击小游戏(虚拟现实大作业)
- 独立站SaaS建站模式是什么
- 如何实现一个去中心化的 Dropbox 存储
- 2022年5月月度总结
- file.exists()方法,明明存在,
- micropython RX8025T 驱动简单演示
- 生鲜配送企业要如何突破局限性?存在哪些弊端?