如何重新加載提交頁面

我有一個包含表單的Bootstrap模式。模態還包含一個提交和取消按鈕。取消按鈕工作正常，它正在成功關閉Modal。現在根據我對提交按鈕的要求單擊模態表單通過將用戶輸入傳遞給Web Service而成功提交，但Modal沒有關閉。此外，我只需要重新加載提交按鈕點擊事件頁面。這是我的HTML ..如何重新加載提交頁面

<div class="modal fade" id="StudentModal" tabindex="-1" role="dialog" aria-labelledby="StudentModalLabel" aria-hidden="true" data-backdrop="static"> 
<div class="modal-dialog"> 
    <div class="modal-content"> 
    <form action="~/GetStudent" class="form-horizontal" role="form" method="post" id="frmStudent"> 
     <div class="modal-footer"> 
      <div class="pull-right"> 
       <button type="submit" class="btn btn-success"><i class="glyphicon glyphicon-ok"></i> Save</button> 
       <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="glyphicon glyphicon-remove"></i> Close</button> 
      </div> 
     </div> 
    </form> 
    </div>

我嘗試以下方法關閉模態..

$('#frmStudent').submit(function() { 
$('#StudentModal').modal('hide'); 
return false; 
});

按我的要求，我需要關閉模態上提交事件並重新加載從Web Service返回後返回頁面。我如何使用JQuery來做到這一點？

注：我不應該在這裏使用Ajax調用..我需要從表單動作提交表單只

來源

2015-11-02 Lara

可能重複[如何重新加載頁面.submit（）]（http://stackoverflow.com/questions/6191559/how-to-reload-page-after-submit） –

@ Jordan.JD這個問題使用Ajax ，我不使用Ajax，在表單操作，我給服務URL ..在這種情況下怎麼做.. – Lara

嘿@拉拉，什麼是使用Ajax的問題，Jordan.JD發佈的鏈接解決方案似乎沒問題。 –

如果你想重新加載頁面，當你提交一個表單，使用onsubmit事件處理程序：

document.getElementById("frmStudent").onsubmit = function(){ 
    location.reload(true); 
}

此代碼應該重新加載頁面，提交表單並關閉模式。

來源

2015-11-02 20:02:02

提交表單後，你可以通過JavaScript做這樣的判斷：

window.location.reload();

來源

2016-02-03 12:26:16

這是行不通的：

onsubmit="window.location.reload();"

但這並工作：

onsubmit="setTimeout(function(){window.location.reload();},10)"

所以瀏覽器有足夠的時間提交表單，然後重新加載頁面;-)

來源

2017-03-15 18:10:43 adilbo

@Carl Poole：感謝您的編輯！ – adilbo

如何重新加載提交頁面

回答

相關問題