ansaurus

Question

Ajax call to parent window after form submission

Answer 1

A:

To avoid the race condition you mentioned, I would run the "refresh the file list" code after the submitted page has returned. I am not familiar with Grails, but this psuedoCode should give you an idea:

if (file was uploaded successfully){
 print "<html>
  <body onload='code_refresh_file_list;window.parent.$(\"#myDialog\").dialog(\"close\");'>
     file uploaded successfully...
  </body>
 </html>";
}else{
 print "<html>
  <body>
     could not upload file due to [reason], please re-upload the file
  </body>
 </html>";
}

Notice the body onload='' on the first part of the conditional...

Hope that helps

pǝlɐɥʞ 2009-11-04 20:41:53

Answer 2

A:

I'm a bit of a newbie and don't know Grails either but I've been doing straight JQuery ajax calls as shown below. It does seem like you're going about this wrong - forget about the click event and close the dialog after you get a response back from the server that the file has been successfully saved.

In the code below, the function receives something back from the server, string, json, whatever, (this is the response), and you do something with it if you want, like show a message and close your dialog.

$('#myForm').submit(function() {

   $.post($(this).attr('action'), $(this).serialize(), function(response) {
          myDialog('close'); // pseudo code here
          $('message').html(response);

});

return false;

});

BTW, you might embrace JQuery entirely and eliminate that javascript mixed in with your html.

BillB 2009-11-06 19:13:00

Answer 3

A:

May be it is happening because of library for jquery modal was not availble when dialog close was being called. Try this

jQuery(document).ready(function() {
  jQuery('#myDialog').dialog('close');
});

Amit Jain 2010-04-08 04:02:58

ansaurus

tags:

views:

answers:

Ajax call to parent window after form submission

related questions