refresh page with ajax jquery without use of reload function

Question

I am performing delete records by using jquery ajax in php. I want to refresh that content without the use of location.reload() function. I tried this,

$("#divSettings").html(this);

but, it's not working. What's the correct logic to get updated content in div. Thanks.

Code:

function deletePoll(postId){
    $.ajax({
        type: "POST",
        url: "../internal_request/ir_display_polls.php",
        data: {
          postId: postId
        },
        success: function(result) {
            location.reload();
            //$("#divSettings").html(this);
        }
     });
}

You would use $('#divSettings').html(result);, so long as your ir_display_polls.php page returns the proper html. — Jason P
– Jason P, Commented Oct 28, 2013 at 21:52
You're using this when you should be using result. Html needs to be updated with the result — rogMaHall
– rogMaHall, Commented Oct 28, 2013 at 21:52
result is not giving me latest update after delete the record..... — Ronak Patel
– Ronak Patel, Commented Oct 28, 2013 at 21:57
Then you have to return the latest update so it's in result. — kelunik
– kelunik, Commented Oct 28, 2013 at 21:59

kelunik · Accepted Answer · 2013-10-28 21:52:06Z

1

You're almost there:

function deletePoll(postId){
    $.ajax({
        type: "POST",
        url: "../internal_request/ir_display_polls.php",
        data: {
          postId: postId
        },
        success: function(result) {
            $("#divSettings").html(result); // <-- result must be your html returned from ajax response
        }
     });
}

answered Oct 28, 2013 at 21:52

kelunik

6,9492 gold badges44 silver badges73 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ronak Patel Over a year ago

I tried that one.. But it's not reload the content.. After deleting record. it's still showing previous content until I am not refreshing the page manually.....

kelunik Over a year ago

What does console.log($("#divSettings")); log? Whats the response of ../internal_request/ir_display_polls.php?

Paul Gleeson · Accepted Answer · 2013-10-28 21:54:43Z

0

You just needed to set the result into your '#divSettings' element using the .html() function :

 $('#divSettings').html(result);

So a full example would look like :

function deletePoll(postId){
    $.ajax({
        type: "POST",
        url: "../internal_request/ir_display_polls.php",
        data: {
          postId: postId
        },
        success: function(result) {
            //Sets your content into your div
            $('#divSettings').html(result);            
        }
     });
}

answered Oct 28, 2013 at 21:54

Paul Gleeson

4384 silver badges10 bronze badges

1 Comment

Ronak Patel Over a year ago

I tried that one.. But it's not reload the content.. After deleting record. it's still showing previous content until I am not refreshing the page manually.....

Jignesh.Raj · Accepted Answer · 2013-12-17 06:08:44Z

0

I believe you have to clear the section first and then you can attach the HTML again. Like

function deletePoll(postId){
    $.ajax({
        type: "POST",
        url: "../internal_request/ir_display_polls.php",
        data: {
          postId: postId
        },
        success: function(result) {
            //Sets your content into your div
            $('#divSettings').html("");
            $('#divSettings').html(result);            
        }
     });
}

I believe this way you won't see the old content.

edited Dec 17, 2013 at 6:08

Jignesh.Raj

6,0074 gold badges30 silver badges57 bronze badges

answered Dec 17, 2013 at 5:44

Harsh

1

Collectives™ on Stack Overflow

refresh page with ajax jquery without use of reload function

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related