ホームページ > 記事 > ウェブフロントエンド > モーダルウィンドウを送信した後に親ウィンドウのデータを更新するメソッドを JavaScript で実装する方法について詳しく説明します。
この記事では、モーダルウィンドウを送信した後に親ウィンドウのデータを更新するJavaScriptメソッドを主に紹介します。これには、JavaScriptウィンドウのインタラクションの関連操作スキルが含まれます。必要な友人はそれを参照できます
この記事の例は、JavaScriptに次のことを指示します。後で親ウィンドウのデータを更新するための送信モーダル ウィンドウ メソッドを実装します。参考までに皆さんと共有してください。詳細は次のとおりです。
場合によっては、データを追加した後、モーダル ウィンドウでボタンをクリックしてモーダル ウィンドウをポップアップします。 submit)、モーダル ウィンドウを閉じて更新します。モーダル ウィンドウは window.opener をサポートしていないため、親ウィンドウを取得できません。つまり、モーダルを閉じた後は親ウィンドウを取得できません。 window ですが、showModealDialog の戻り値を使用して更新するかどうかを決定できます。showModealDialog が呼び出されるとき、ポップアップ モーダル ウィンドウが閉じられると、親ウィンドウのコードはこの行で停止します。 window.returnValue が割り当てられます。値を指定すると、window.close() メソッドが呼び出され、最後に submit が実行され、データが送信されると、モーダル ウィンドウが閉じられ、親ウィンドウに戻ります。 showModealDialog は戻り値を取得します。次に、戻り値に基づいてリロードするかどうかを決定できます。 注: 新しいウィンドウを開かないようにするために、親ウィンドウに 1f4e3ac768fadf088e3c7627f389433c をクリックすると、モーダル ウィンドウを閉じて親ウィンドウを更新できます。
コード 1: 親フォーム
function showDatas(){ var re=window.showModalDialog("url","parameter","description"); if(re==1){ window.location.reload(); } }
コード 2: モーダルフォーム
function subForm(){ window.returnValue="1"; window.close(); document.getElementById("myForm").submit(); }
以上がモーダルウィンドウを送信した後に親ウィンドウのデータを更新するメソッドを JavaScript で実装する方法について詳しく説明します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。