ホームページ  >  記事  >  ウェブフロントエンド  >  モーダルウィンドウを送信した後に親ウィンドウのデータを更新するメソッドを JavaScript で実装する方法について詳しく説明します。

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

黄舟
黄舟オリジナル
2017-06-18 11:52:071018ブラウズ

この記事では、モーダルウィンドウを送信した後に親ウィンドウのデータを更新する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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。