重定向后顯示警報消息

Question

我有一個執行功能的按鈕：

 $("#btnRemove").click(function () {
            var name= $("#editAccountName").val();

            if (confirm("Are you sure you want to mark " + "''" + name + "''" + " as innactive?")) {
                saveAccount(false);
                window.location.href = "/RxCard/Search";
            }

            alert (name + "was marked innactive.")
        });

我需要在用戶重定向到“/ Rxcard / Search”后顯示警報

我需要在代碼中進行哪些更改才能讓它像那樣工作？

另外，如何使用CSS自定義警報進行相同的操作？ 謝謝。

Answer 1

您需要將其放入Search頁面后面的腳本中，而不是將警報放在此代碼中。 現在您可以添加一個url參數，然后在其中檢查它並在設置該參數時顯示警報：

if (confirm("Are you sure you want to mark " + "''" + name + "''" + " as innactive?")) {
    saveAccount(false);
    window.location.href = "/RxCard/Search?name=" + name;
}

然后將其添加到某處（無所謂）：

$.urlParam = function(name){
var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
    if (results==null){
      return null;
    }
    else{
       return results[1] || 0;
    }
}

最后，這段代碼會進入您的搜索頁面代碼：

function() {
    if($.urlParam('name') == true){
         alert (name + "was marked innactive.");
    }
}();

Answer 2

在location.href發生更改后，您無法運行警報，因為它會導致瀏覽器刷新。 刷新后，您的腳本將不再運行。

您需要將警報腳本移動到搜索頁面中，並可能將該名稱作為查詢字符串進行傳遞。

Answer 3

您可以使用localstorage存儲名稱值。 可以在重定向后評估該值，以便您可以顯示帶有存儲值的對話框（如果有）

您無法設置警報對話框的樣式，但始終可以從頭開始或使用Web框架/庫創建模式對話框。