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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 配置iptables

    配置iptables

    2021年5月12日
    129
  • 继电器的选型规范_继电器类型

    继电器的选型规范_继电器类型为了正确的选用继电器,需要了解继电器的特性,确认这些特性是否符合使用要求,如能在实际使用环境中进行确认则更为可靠。继电器的选用原则参见表1,在表中“必须确定”栏中有“”号的项目被确定之后,就可选定一款继电器。如果有进一步的要求,需要进一步考虑“参考”栏中有“”号的相应项目。以下对上表中的一些项目进一步说明1触点1.1触点负载确定继电器所能承受的负载是否满足使用要求时,除了需要确定负载的大小,还要确定实际负载的种类,因为不同的负载有不同的稳态值,见表2。除非另有说明,一般说明书给出的负

    2022年9月1日
    6
  • 二叉树性质[通俗易懂]

    二叉树性质[通俗易懂]转载skywang12345 http://www.cnblogs.com/skywang12345/p/3576328.html树的介绍1.树的定义树是一种数据结构,它是由n(n>=1)个有限节点组成一个具有层次关系的集合。把它叫做“树”是因为它看起来像一棵倒挂的树,也就是说它是根朝上,而叶朝下的。它具有以下的特点:(01)每个节点有零个或多个子

    2022年5月31日
    45
  • net framework 4.0安装失败0x80240037_0x80300001

    net framework 4.0安装失败0x80240037_0x80300001太~不容易了我一定要写个博客。网上的什么dism各种都试过了,都不行后来试了下面这个方法,还是不行,然后死马当活马医重启了一下,没有联网安了一遍,竟然奇迹般地装好了。Cortana中输入服务,回车后查看WindowsUpdate,AppReadiness,CryptographicServices,BackgroundIntelligentTransferService,Win…

    2025年11月3日
    4
  • Hash散列[通俗易懂]

    Hash散列[通俗易懂]为了速度而散列HashMap速度总所周知是非常快的,但是为什么会这么快,是因为它的散列技术,下面简单理解一下散列知识散列的价值在于速度,使得查询得以快速。一般容器查询的速度的瓶颈位于键的查询,采取的做法一般是对键进行排序,但散热则不是散列的特点散列的做法,通常把键保存到某个地方,存储一组元素最快的数据结构就是数组,所以用它来保存键的信息(不是键本身),但是由于…

    2022年5月14日
    56
  • PostgreSQL与MySQL的区别收集(转)

    PostgreSQL与MySQL的区别收集(转)

    2022年4月2日
    34

发表回复

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

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