モーダルウィンドウを送信した後に親ウィンドウのデータを更新するメソッドを JavaScript で実装する方法について詳しく説明します。-jsチュートリアル-php.cn

モーダルウィンドウを送信した後に親ウィンドウのデータを更新するメソッドを JavaScript で実装する方法について詳しく説明します。

黄舟

リリース： 2017-06-18 11:52:07

オリジナル

1101 人が閲覧しました

この記事では、モーダルウィンドウを送信した後に親ウィンドウのデータを更新する JavaScriptメソッドを主に紹介します。これには、JavaScriptウィンドウのインタラクションの関連操作スキルが含まれます。必要な友人はそれを参照できます

この記事の例は、JavaScriptに次のことを指示します。後で親ウィンドウのデータを更新するための送信モーダルウィンドウメソッドを実装します。参考までに皆さんと共有してください。詳細は次のとおりです。

場合によっては、データを追加した後、モーダルウィンドウでボタンをクリックしてモーダルウィンドウをポップアップします。 submit)、モーダルウィンドウを閉じて更新します。モーダルウィンドウは window.opener をサポートしていないため、親ウィンドウを取得できません。つまり、モーダルを閉じた後は親ウィンドウを取得できません。 window ですが、showModealDialog の戻り値を使用して更新するかどうかを決定できます。showModealDialog が呼び出されるとき、ポップアップモーダルウィンドウが閉じられると、親ウィンドウのコードはこの行で停止します。 window.returnValue が割り当てられます。値を指定すると、window.close() メソッドが呼び出され、最後に submit が実行され、データが送信されると、モーダルウィンドウが閉じられ、親ウィンドウに戻ります。 showModealDialog は戻り値を取得します。次に、戻り値に基づいてリロードするかどうかを決定できます。注: 新しいウィンドウを開かないようにするために、親ウィンドウに <head> を追加してください。 ; の下の ="_self" /> をクリックすると、モーダルウィンドウを閉じて親ウィンドウを更新できます。

コード 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 サイトの他の関連記事を参照してください。