Comment faire pour actualiser la page parent après la fermeture de la fenêtre popup en javascript?

J'ai une page list.jsp avoir la liste de tous les enregistrements dans la table et d'un bouton sur le dessus, pour ajouter un nouvel enregistrement.

Je veux ouvrir add.jsp dans une fenêtre contextuelle. Cela fonctionne, mais lorsque je ferme la fenêtre popup comment mettre à jour list.jsp de sorte qu'il affiche enregistrement nouvellement ajouté

Voici mon code que j'ai essayé...

  1. liste.jsp 
    <html>
<head>
<script>
   function popupwindow(url, title, w, h) {
    var left = (screen.width/2)-(w/2);
    var top = (screen.height/2)-(h/2);
    popupWindow =  window.open(url, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
     return popupWindow
   } 
</script>
</head>
<body>
<input type="button" value="Add new" id="add-btn" onclick="popupwindow('Addnew.jsp','Add new',600,400)"/>  
<table>   
  //Here i am showing all records from database...
</table>
</body>
  2. ajouter.jsp 
         <html>
     <head>
     <script type="text/javascript">
     $(document).ready(function(){

        $("#savebtn").click(function(e) {
        $.ajax({
                    type: "POST",
                    url: "RecordHandler",
                    data: dataString,
                    success: function(data){ 
                        $('body').html(data);
                        $('#msg').html('New Record Added Successfully.')
                    }
                }); 
       });

      </head>
      <body>
      <form method="POST">
      <table>              
      <tr>
       <td>Folder Number</td>
       <td><input type="text" name="folderno"/></td>
     </tr>
     <tr>
        <td>Box Number <b style="color:red">*</b></td>
       <td><input type="text" name="boxno"/></td>
    </tr>
    <tr>
     <td colspan=2>
      <input type="submit" value="Save" name="save" id="savebtn"/>
    </td>
  </tr>
   </table> 
 </form>
voir cette réponse stackoverflow.com/questions/10792408/...
grâce Squirerl son travail.....
bon à entendre 🙂

OriginalL'auteur Developer Desk | 2013-09-26

  1. 5

    Comme mon commentaire de l'autre réponse, vous avez juste besoin de gérer la window.onunload événement et d'utiliser la window.opener propriété à dire la page appelant à être actualisé.

    2.ajouter.jsp

    <html>
<head>
    <script type="text/javascript">

        //ADDED START
        window.onunload = refreshParent;
        function refreshParent() {
            window.opener.location.reload();
        }
        //ADDED END

        $(document).ready(function(){
            $("#savebtn").click(function(e) {
                $.ajax({
                    type: "POST",
                    url: "RecordHandler",
                    data: dataString,
                    success: function(data){ 
                         $('body').html(data);
                         $('#msg').html('New Record Added Successfully.');
                         window.timeout(CloseMe, 1000); <-- not sure on the syntax 
                         but have a timeout which triggers an event 
                        to close the form once a success has been handled. 
                        Probably should do something incase of an error.
                    }
                });

                return false; <-- this should stop the window from unloading. 
            });

         function CloseMe()
         {
             window.opener.location.reload();
             window.close();
         }
   </head>
    mais il n'a pas d'affiche " Nouveau Record Ajouté avec Succès.' msg...comment l'utilisateur de savoir que l'enregistrement ajouté avec succès?
    witin la click function vous avez déclaré pour la savebtn vous pourriez return false. et puis une autre function qui est déclenchée au sein de la success qui ferme le formulaire. Alors qu'il attend un succès avant la fermeture
    avoir mis à jour ma réponse à essayer de démontrer ce que j'ai tenté d'décrivez ci-dessus
    ok merci pour votre aide

    OriginalL'auteur Secret Squirrel

  2. 6

    Vous pouvez utiliser location.reload(true) pour recharger le document en cours. Le forceGet paramètre est par défaut false et c'est pourquoi vous passer dans comme true le remplacer. Fondamentalement, il est utilisé pour récupérer le document à partir du serveur, au lieu de le charger à partir de la mémoire cache.

    EDIT1: Si vous essayez de recharger la source de la fenêtre pop-up, comme escaparello mentionné dans les commentaires, vous devriez appeler window.opener.location.reload(). Aussi, vous pouvez lier un écouteur d'événement pour quand la popup décharge, comme suit:

    popupWindow.onunload = function () {
    //This informs the user that the record has been added successfully
    alert('The record has been inserted into the database!');

    window.opener.location.reload();
}
    Je pense que le principal problème est "comment savoir que le popup a été fermé", plutôt que "comment recharger la page"
    j'ai utilisé de l'emplacement.reload(true) mais il n'est pas l'actualisation d'une page...
    aussi tous ceux qui veulent utiliser la localisation.reload() doit vérifier ce stackoverflow.com/questions/2405117/...
    Il devrait être window.opener.location.reload(true); si vous appelez à partir de la fenêtre pop-up.

    OriginalL'auteur vladzam