Bootstrap的按钮 ajax请求 Loading 状态
 $("#reqBtn").click(function () {
       var that = this;
        BtnLoading(that);
        $.ajax({
            type: "post",
            url: "/request",
            dataType: "json",
            data: {
            },
            success: function (data) {
                if (parseInt(data.code) === 0) {
                    rfMsg(data.msg);
                    BtnReset(that);
                } else {
                    BtnReset(that);
                    rfError(data.msg);
                }
            }
        });
    })
function BtnLoading(elem) {
    $(elem).attr("data-original-text", $(elem).html());
    $(elem).prop("disabled", true);
    $(elem).html('<i class="spinner-border spinner-border-sm"></i> Loading...');
}

function BtnReset(elem) {
    $(elem).prop("disabled", false);
    $(elem).html($(elem).attr("data-original-text"));
}


评论区
登陆 后评论!