Explication détaillée sur la façon dont JavaScript implémente la méthode d'actualisation des données de la fenêtre parent après la soumission de la fenêtre modale.-js tutoriel-php.cn

Explication détaillée sur la façon dont JavaScript implémente la méthode d'actualisation des données de la fenêtre parent après la soumission de la fenêtre modale.

黄舟

Libérer： 2017-06-18 11:52:07

original

1061 Les gens l'ont consulté

Cet article présente principalement la méthode de JavaScript pour actualiser les données de la fenêtre parent après avoir soumis la fenêtre modale. Cela implique des compétences opérationnelles liées à l'interaction de la fenêtre JavaScript. référez-vous à lui

L'exemple de cet article décrit la méthode JavaScript pour actualiser les données de la fenêtre parent après avoir soumis la fenêtre modale. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Parfois, il est conçu en fonction des besoins. Dans une fenêtre, cliquez sur le bouton pour faire apparaître la fenêtre modale, après. en ajoutant les données (soumettre), fermez la fenêtre modale et actualisez la fenêtre parent, mais la fenêtre modale ne prend pas en charge window.opener, donc la fenêtre parent ne peut pas être obtenue, ce qui signifie que le parent. window ne peut pas être obtenu après la fermeture de la fenêtre modale, mais vous pouvez utiliser showModealDialog La valeur de retour est utilisée pour déterminer s'il faut actualiser Lorsque showModealDialog est appelé, le code de la fenêtre parent s'arrêtera à cette ligne lorsque la fenêtre modale contextuelle sera fermée. , attribuez une valeur à window.returnValue, puis appelez la méthode window.close() et enfin soumettez-la. Une fois les données soumises, la fenêtre modale sera fermée à ce moment-là. Le programme revient à la fenêtre parent et showModealDialog obtient la valeur de retour. Ensuite, en fonction de la valeur de retour, vous pouvez décider de recharger. Remarque : pour éviter d'ouvrir une nouvelle fenêtre, assurez-vous d'ajouter sous le <head> de la fenêtre parent, afin que vous puissiez fermer la fenêtre modale et actualiser la fenêtre parent.

Code 1 : formulaire parent

function showDatas(){
  var re=window.showModalDialog("url","parameter","description");
  if(re==1){
    window.location.reload();
  }
}

Copier après la connexion

Code 2 : formulaire modal

function subForm(){
  window.returnValue="1";
  window.close();
  document.getElementById("myForm").submit();
}

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!