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