open.window サブページの実行後の親ページの更新に関する JavaScript の問題分析_JavaScript スキル

この記事では、open.window サブページの実行後に親ページを更新する JavaScript メソッドを分析します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

メインページ:

<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("7c6ecc2a75ade4ffa1f50134f6be3b0elocation.href='mainPage.jsp'2cacc6d41bbb37262a98f745aa00fbf0");

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。