使用Ajax jQuery刷新页面而不使用重新加载功能

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);
        }
     });
}

Answer 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
        }
     });
}

Answer 2

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);            
        }
     });
}

Answer 3

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.