Wie zeige ich eine Warnung an, nachdem ich die Seite in JavaScript neu geladen habe?

Question

Ich versuche, Alarm-Box nach Seite neu geladen, aber es funktioniert nicht.
Bitte korrigieren Sie meinen Code und sagen Sie mir warum?

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

Answer 1

können Sie sessionStorage verwenden:

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

Answer 2

Das wird Onload genannt. Es kam waaaaay bevor DOM ready war, und DOM ready wurde eigentlich genau aus dem Grund erstellt, dass onload auf Bilder gewartet hat.

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

Und eine jQuery-Javascript-Lösung soll das window.onload-Ereignis in document.ready() binden.

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

Answer 3

Einige schmutzige Methode davon mit ?reload Zeichenfolge in link href wie request.GET in PHP zu tun

<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

Schritt 1: Ihre eigene Funktion schreiben für Alarm-Popup mit OK-Taste (ich habe parametrisierte Funktion erstellt, die Nachricht, Alarmtyp, Methodenname akzeptiert.

Funktion AlertMessageOk (str, alertType, Methode)
{

 $('#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'); 
} 

Schritt 2: Auf Ihrem Ajax response.result == true Aufruf AlertMessageOk Funktion. Ich habe Methodenname übergeben, um die Seite neu zu laden.

Funktion 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();   
}