JavaScript로 페이지를 다시로드 한 후 알림을 표시하는 방법은 무엇입니까?

Question

페이지를 새로 고친 후 경고 상자를 만들려고하지만 작동하지 않습니다.
내 코드를 수정하고 이유를 알려주십시오.

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

Answer 1

당신은 sessionStorage 사용할 수 있습니다

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

Answer 2

이것이 onload라고합니다. DOM 준비가 끝나기 전에 waaaaay가 왔고 DOM 준비는 실제로 onload가 이미지를 기다리는 정확한 이유 때문에 만들어졌습니다.

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

jQuery Javascript 솔루션은 document.ready()에서 window.onload 이벤트를 바인딩하는 것입니다.

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

Answer 3

<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

1 단계에서 PHP request.GET 같은 링크 HREF에서 ?reload 문자열로 그 일을 어떤 더러운 방법에 대한 자신의 함수를 작성 확인 버튼이있는 경고 팝업 (메시지, 경고 유형, 메소드 이름을 허용하는 매개 변수화 된 함수를 만들었습니다.)

기능 AlertMessageOk (캐릭터,을 alertType, 방법)
{

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

2 단계 : 아약스 response.result에 == AlertMessageOk 기능에 충실 호출. 메소드 이름을 전달하여 페이지를 다시로드합니다.

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