http://blog.csdn.net/chenjianandiyi/article/details/52274591 .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);    }});