Làm cách nào để hiển thị cảnh báo sau khi tải lại trang bằng JavaScript?

Question

Tôi đang cố gắng tạo hộp cảnh báo sau khi tải lại trang, nhưng nó không hoạt động.
Vui lòng sửa mã của tôi và cho tôi biết lý do?

$("button").click(function(){ 
    window.location.reload(); 
    alert("Hello world"); 
}); 

Answer 1

Bạn có thể sử dụng sessionStorage:

$("button").click(function() { 
    sessionStorage.reloadAfterPageLoad = true; 
    window.location.reload(); 
}); 
$(function() { 
    if (sessionStorage.reloadAfterPageLoad) { 
     alert("Hello world"); 
     sessionStorage.reloadAfterPageLoad = false; 
    } 
}) 

Answer 2

Gọi là onload. Nó đã đến waaaaay trước khi DOM sẵn sàng xung quanh, và DOM đã sẵn sàng thực sự được tạo ra vì lý do chính xác mà onload chờ đợi trên hình ảnh.

window.onload = function() { 
    alert("It's loaded!"); 
    //dom not only ready, but everything is loaded 
} 

Và giải pháp Javascript jQuery là ràng buộc sự kiện window.onload trong document.ready().

$(window).bind("load", function() { 
    // code here 
}); 

Answer 3

Một số phương pháp bẩn để làm việc đó với ?reload chuỗi trong liên kết href như request.GET trong php

<a class="button" href="?reload/">reload and alert</a> 
<script type="text/javascript">   
    args = location.search.substr(1); 
    if (args=='reload/')alert('page reloaded'); 
</script> 

Answer 4

Bước 1: Viết chức năng của riêng bạn cho cảnh báo bật lên với nút ok (tôi đã tạo chức năng tham số hóa chấp nhận thông báo, loại cảnh báo, tên phương thức.

chức năng AlertMessageOk (str, alertType, phương pháp)
{

 $('#AlertMessage .divDialogElements').empty(); 

    $('#AlertMessage .divDialogElements').append(msg); 

    if (alertType == "success") { 
     $('#AlertMessage #modalAlertHeaderTitle').html("Success"); 
     $('#AlertMessage #modalAlertHeaderTypeClass').attr("class", "modal-header alert-success"); 
    } 
    else if (alertType == "error") { 
     $('#AlertMessage #modalAlertHeaderTitle').html("Error"); 
     $('#AlertMessage #modalAlertHeaderTypeClass').attr("class", "modal-header alert-danger"); 
    } 
    else if (alertType == "info") { 
     $('#AlertMessage #modalAlertHeaderTitle').html("Status"); 
     $('#AlertMessage #modalAlertHeaderTypeClass').attr("class", "modal-header alert-info"); 
    } 
    else if (alertType == "warning") { 
     $('#AlertMessage #modalAlertHeaderTitle').html("Warning"); 
     $('#AlertMessage #modalAlertHeaderTypeClass').attr("class", "modal-header alert-warning"); 
    } 

    $('#AlertMessage #btnAlertOk').attr("onclick", method); 

    $('#AlertMessage').modal('show'); 
} 

Bước 2: Trên response.result ajax của bạn == gọi đúng với chức năng AlertMessageOk. Tôi đã chuyển tên phương thức để tải lại trang.

chức năng buttonActivate_onClick (StoreID) {

 $.ajax({ 
     type: "POST", 
     url: "/configuration/activateStore", 
     timeout: 180000, 
     data: { StoreID: storeID }, 
     success: function (response) { 
      if (response.result == true) { 
       AlertMessageOk("Store configuration for Store ID " + storeID + " is successfully activated.", "success", "reloadPage();"); 
      } 
     }, 
     error: function (xhr, textstatus) { 
      AlertMessage("Error: " + xhr.statusText + " [" + xhr.status + "]", "error"); 

     } 
    }); 
    $('#wait_load').css("display", "none"); 
} 


function reloadPage() { 
    location.reload();   
}