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"));
}评论区
请登陆 后评论!