1. 程式人生 > >關於open.window子頁面執行完成後如何重新整理父頁面的問題

關於open.window子頁面執行完成後如何重新整理父頁面的問題

主頁面:

<input id="btnAdd" type="button" onclick="openWin();" value="新增" />

在js中有如下程式碼:

function openWin() {
window.open('addInfo.jsp', '_blank',
'width=300,height=400,top=200,left=400');
}

     //定義callback方法,用於回撥

       function callback() {
refreshWin();
}

//重新整理當前頁面
function refreshWin() {

//呼叫重新整理頁面的方法,此處RefreshSocket為重新整理頁面對應的方法,也就是說,如果頁面有個重新整理按鈕,則,點選按鈕提交的類名就是此處的類名
var url = 'RefreshSocket';
window.location.href = url;
}

在addInfo.jsp頁面有如下程式碼:

<form name="form" action="AddSocket" method="get">

<input id="onSub"  type="button" onclick="formSubmit();" value="確定">

</form>

function formSubmit(){
this.form.submit();//提交action到AddSocket類
window.opener.callback();//上述執行完成後,呼叫開啟頁面的callback方法,此處是呼叫主頁面的callback方法
window.close();//當前頁面關閉
}

另外,如果是像刪除這樣的操作,直接從一個jsp跳轉到一個類中,在類中執行一系列操作後,如果想重新整理當前頁面,那麼,可以直接在類中書寫跳轉語句即可,如下所示:

主頁面mainPage.jsp:

//刪除操作關聯後臺的DeleteSocket類,如果要傳引數,用?即可

window.location.href = DeleteSocket

DeleteSocket類頁面:

//執行一系列操作後,可以直接書寫JavaScript程式碼,寫完這句話後就可以直接跳轉到主頁面並重新整理主頁面

out.print("<script type='text/javascript'>location.href='mainPage.jsp'</script>");