Ajax beforeSend和complete 方法

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);
    }
});