ajax控制重复提交

A~张先森」

已于 2022-04-13 17:36:04 修改

阅读量425

点赞数 2

文章标签： ajax

于 2022-04-13 17:29:17 首次发布

本文链接：https://blog.csdn.net/weixin_49034162/article/details/124153225

版权

ajax 提供了一些参数，可以实现按钮不可重复点击的限制，利用beforeSend(XHR)，和complete(XHR, TS)

$.ajax({
    url: "/warehousecost/add",
    data: json,
    dataType: "json",
    type: "POST",
    beforeSend: function () {
        $("#submit").val('正在保存...').attr('disabled', true);//触发请求前 设置不可点击
    },
    complete: function () { 
        $("#submit").val('提交').attr('disabled', false);// 请求完成后
    },
    //contentType: "application/json;charset=UTF-8",
    success: function (data) {
        if (data.code == 0) {
            //编辑成功
            layer.msg('新增成功！', {
                skin: 'layer-skin-blue' //样式类名
                , closeBtn: 0
                , time: 3000
                , icon: 1
                , shade: 0.3
                , end: function () {
                    layer.closeAll();
                    parent.layer.closeAll();
                }
            });
        } else {
            //编辑失败
            layer.msg(data.msg);
        }
    },
    error: function () {
    }
});