//后台需做並發校驗
<div>
<button id="ok">確定</button>
</div>
<script>
$('#ok').on('click', function () {
var data = [];
data.id=1
$.ajax({
type: "post",
data: data,
contentType: "application/json",
url: "Save",
beforeSend: function () {
// 給出提示禁用按鈕
ajaxBeforeSend();
$("#ok").attr({ disabled: "disabled" });
},
complete: function () {
//刪除提示啟用按鈕
ajaxComplete();
$("#ok").removeAttr("disabled");
},
success: function (data) {
if (data) {
}
}
});
})
function ajaxBeforeSend(msg, target) {
if (!msg)
msg = "正在處理...";
var box = $('<div style="z-index:999;"></div>').addClass("m-layout-center m-grid-load").css({ background: "rgba(240, 240, 240, 0.6)" });
var load = $("<div>" + msg + "</div>").addClass("m-layout-center ").css({ width: 200, height: 16, margin: "auto", padding: 20, backgroundColor: "#ffffff", border: "1px solid #999999" });
$(target || 'body').append(box.append(load));
}
function ajaxComplete(target) {
$(target || 'body').find(".m-grid-load").remove();
}
</script>