jquery confirm 是一個彈出式的對話框插件,可以方便地在網頁中使用。它支持異步的方式,可以在用戶執行某些操作時,等待服務器返回結果后再進行下一步的操作。
在異步的場景中,我們通常會需要在用戶點擊按鈕后,等待服務器返回結果再決定下一步的操作。
$("#btn-submit").on("click", function() { $.ajax({ type: "POST", url: "http://example.com/submit", data: { name: "John", location: "Boston" } }).done(function( msg ) { // 服務器返回成功 $.confirm({ title: '提交成功!', content: '您的提交已經成功完成。', buttons: { ok: { text: '確定', action: function(){ // 繼續其他操作 } } } }); }).fail(function() { // 服務器返回錯誤 $.confirm({ title: '提交失敗!', content: '您的提交失敗,請重試。', buttons: { ok: { text: '確定', action: function(){ // 繼續其他操作 } } } }); }); });
在這個例子中,我們使用了 jQuery 的 ajax 方法發送了一個 POST 請求,并等待服務器返回結果。在 done 和 fail 回調中,我們分別使用了 jquery confirm 插件來顯示對話框,告知用戶提交結果。
這種方式可以更好地控制用戶體驗,顯得更加友好。