Ajax beforeSend和complete 方法

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);
    }
});
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/113919.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Windows Server入门系列31 利用LC5激活成功教程用户密码

    Windows Server入门系列31 利用LC5激活成功教程用户密码清除用户密码只在管理员遗忘密码的情况下使用,如果是黑客入侵到一个系统里,那么他会想方设法来激活成功教程管理员账户的密码,激活成功教程密码相比清除密码在技术上要复杂的多。作为管理员,我们也应了解黑客常用的激活成功教程密码的方法有哪些,从而才能有针对性的来进行防范。这里推荐一款名为LC5的软件,这款软件既可以用来激活成功教程Windows系统的用户密码,也可以用来检测密码的安全性,从而发…

    2022年7月24日
    7
  • 【USB】全球USB厂家 USB ID大全。更新时间:2018-01-04

    【USB】全球USB厂家 USB ID大全。更新时间:2018-01-04## ListofUSBID’s## MaintainedbyStephenJ.Gowdy# Ifyouhaveanynewentries,pleasesubmitthemvia# http://www.linux-usb.org/usb-ids.html# orsendentriesaspatches(diff-uoldnew)i

    2022年7月26日
    42
  • ResNet34_keras dropout

    ResNet34_keras dropout参考:https://www.kaggle.com/meaninglesslives/unet-resnet34-in-keras

    2022年10月6日
    1
  • 学习opencv之cvtColor

    opencv提供了cvtColor()函数,用于在图像中不同的色彩空间进行转换,用于后续处理。在使用cvtColor之前首先需要了解下基本的图像色彩模式,色彩模式决定了打印或显示的图片颜色。图像色彩模式位图模式位图模式是图像中最基本的格式,图像只有黑色和白色像素,是色彩模式中占有空间最小的,同样也叫做黑白图,它包含的信息量最少,无法包含图像中的细节,相当于只有0或者1一副彩色图如…

    2022年4月18日
    39
  • linux uvc协议_USB摄像头的UVC协议[通俗易懂]

    linux uvc协议_USB摄像头的UVC协议[通俗易懂]USB摄像头的UVC协议如今的主流操作系统(如WindowsXPSP2andlater,Linux2.4.6andlater,MacOS10.5andlater)都已提供UVC设备驱动,因此符合UVC规格的硬件设备在不需要安装任何的驱动程序下即可在主机中正常使用。使用UVC技术的包括摄像头、数码相机、类比影像转换器、电视棒及静态影像相机等设备。UVC是Microsoft与另…

    2025年7月21日
    4
  • java 事务处理_java如何处理异常

    java 事务处理_java如何处理异常Java事务处理总结一、什么是Java事务通常的观念认为,事务仅与数据库相关。事务必须服从ISO/IEC所制定的ACID原则。ACID是原子性(atomicity)、一致性(consistency)、隔离性(isolation)和持久性(durability)的缩写。事务的原子性表示事务执行过程中的任何失败都将导致事务所做的任何修改失效。一致性表示当事务执行失败时,所有被该事务影响的数据都应该恢复…

    2022年10月9日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号