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


相关推荐

  • 目标检测 | OHEM

    目标检测 | OHEM 这里主要说下该论文的hardmining过程: 先上图,如Figure2所示: 从图中可以看出,本文的亮点在于在每次迭代中,较少训练样本下,如何hardnegativemining,来提升效果。 即针对Fast-RCNN框架,在每次minibatch(1张或者2张)训练时加入在线筛选hardregion的策略,达到新的SoA。需要注意的是,这个OHEM适合于b…

    2022年5月28日
    34
  • 阿里云服务器开放端口如何设置_阿里云服务器8888端口

    阿里云服务器开放端口如何设置_阿里云服务器8888端口阿里云服务器开放端口阿里云服务器默认是只开放了部分端口,我们部署自己的服务需要监听一下80,8080等端口时,就需要自己设置安全策略,本文介绍如何设置阿里云的安全组,开放需要的端口步骤点击阿里云的的控制台点击进入云服务器点击进入安全组菜单,点击创建安全组按钮,添加一个新的安全组2.进入创建新安全组页面填写一下必要的信息,然后配置访问规则,包括入站和出站,点击手动添加一条,设置开放所有的端口,包括端口和授权对象,点击创建安全组按钮,将创建一条新的安全组出站我们也可以配置,默

    2022年10月3日
    2
  • webview禁止长按复制_chrome复制插件

    webview禁止长按复制_chrome复制插件8.长按事件因为webview长按时将会调用系统的复制控件://长按复制粘贴mWebView.setOnLongClickListener(newView.OnLongClickListener(){@OverridepublicbooleanonLongClick(Viewview){

    2022年9月29日
    4
  • linux 切换内核版本,切换 Linux 内核版本[通俗易懂]

    linux 切换内核版本,切换 Linux 内核版本[通俗易懂]Linux内核是开源类Unix系统宏内核。仅仅一个内核并不是一套完整的操作系统。有一套基于Linux内核的完整操作系统叫作Linux操作系统。Kernel是Linux系统的核心,主要负责硬件的支持。Linux内核提供了安全补丁,bugfix和新特性。Linux内核在GNU通用公共许可证第2版之下发布。Linux的Kernel主要提供以下五个基本的功能硬件管…

    2022年8月23日
    11
  • vue实现图片滑动验证功能——功能实现「建议收藏」

    图片滑动验证,是目前比较常见的验证方式,主要目的是防止用户利用机器人自动注册、登录、灌水。目前vue技术日趋成熟,已经有专门针对图片滑动验证功能的插件了。具体使用方式如下:1.安装插件——npminstall–savevue-monoplasty-slide-verify注意此处的–save也就是简化版的-s,是为了将下载的插件保存到package.json中的depencedies中,这样其他人在下载你的项目后,依然可以通过npminstall将插件安装到node_modules.2

    2022年4月13日
    207
  • intellij idea 配置svn及提交项目「建议收藏」

    intellij idea 配置svn及提交项目「建议收藏」一、intellijidea安装svn前提条件:你的电脑安装了小乌龟,也就是svn。1、配置svn如下图箭头所示,在安装TortoiseSVN的时候,默认commandlineclienttools,表示使用IDEa自带的svn。然后,选中你的svn安装的路径2、配置svn地址添加svn地址路径二、intellijidea提交项目1、…

    2022年5月14日
    191

发表回复

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

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