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

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

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

3 个答案: