javascript - 使用 ajax jquery 刷新页面而不使用重新加载功能

Question

我在 php 中使用 jquery ajax 执行删除记录。我想在不使用 location.reload() 函数的情况下刷新该内容。我试过这个，

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

但是，它不起作用。在 div 中获取更新内容的正确逻辑是什么？谢谢。

代码：

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

您快到了：

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

您只需使用 .html() 函数将结果设置到“#divSettings”元素中：

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

所以一个完整的例子看起来像：

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

我相信您必须先清除该部分，然后才能再次附加 HTML。喜欢

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

我相信这样你就不会看到旧的内容了。