ajax get before,Ajax beforeSend和complete 方法

.ajax({

beforeSend: function(){

// Handle the beforeSend event

complete: function(){

// Handle the complete event

}

// ......

});

其中的$.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);

}

});

模拟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 ...

ajax get before,Ajax beforeSend和complete 方法

ajax get before,Ajax beforeSend和complete 方法相关推荐

最新文章

热门文章