refresh a page after ajax form submit

Question

i am using ajax to submit a form in popup and i want to refresh the table after the popup is closed. i have tried this below code.

 $('body').delegate('#add','click',function(){
            var objPnt = $(this).parents('form');
             name=objPnt.find("#name").val();
              error='';
              if(name === '')
              {
                    error="<div class='alert alert-info'><span class='icon icon-color icon-alert'/>Name field is required</div>";   
              } 
            $.post("ajax/add.php", $("form.addform").serialize(),function(html){
            if(html === 'incorrect'){
                objPnt.find("#add_err").css('display', 'inline', 'important');
                objPnt.find("#add_err").html(error);
            }
            else
            {
                objPnt.find("#add_err").css('display', 'inline', 'important');
                objPnt.find("#add_err").html("<div class='alert alert-info'><span class='icon icon-color icon-check'/>Name Added Successfully.</div>");
            }   

        });
            $.post('ajax/add.php',{ajax:'get_name_list'},function(data){
                            objPnt.replaceWith(data);
});
            return false;
         });

but it doesn't work.

Then you should consider using the [`.on()`](https://api.jquery.com/on/) method: `.on('click', '#add', fn)`. — Sverri M. Olsen, Mar 10 '14 at 05:40

Supriya Pansare · Answer 1 · 2014-03-10T06:01:21.277

0

 $( document ).ajaxComplete(function() {
  window.opener.location.reload(false);
 });

edited Mar 10 '14 at 06:01

answered Mar 10 '14 at 05:40

Supriya Pansare

519
1
4
11

score 0 · Answer 2 · answered Mar 10 '14 at 06:03

0

have you tried this?

$.post('ajax/add.php',{ajax:'get_name_list'},function(data){
                        objPnt.replaceWith(data);
        window.location.reload();
     });

answered Mar 10 '14 at 06:03

Priya jain

753
2
5
15

score 0 · Answer 3 · answered Mar 10 '14 at 06:12

thanks for all, i use class of div to reload by replacing objPnt in following line, and i go the answer

<div class="name">table of content</div>

    $.post('ajax/add.php',{ajax:'get_name_list'},function(data){
                                $('.name').replaceWith(data);

refresh a page after ajax form submit

3 Answers3