jQuery刷新Div仅一次

Question

我将jquery / ajax和php用于活动/非活动状态，它的工作原理就像用户单击活动以变为非活动状态，反之亦然，我可以运行此功能，但是每当我单击活动和非活动按钮时，它将连续加载整个div部分。

我的要求是，单击活动/非活动状态后，div应该仅加载一次，并且应停止递归闪烁2至3次！

while($row = $data->fetch_arry(MYSQLI_ASSOC))
{ ?>
    <div>
        <?php if($row['status'] == '1'){?>
        <a class='btn btn-success active'></a>
        <?php else if($row['status'] == '0')?>
        <a class='btn btn-danger deactive'></a>
        <?php } ?>
    </div>
<?php } ?>

jQuery代码

$('body').delegate('.active','click',function(e){
    var IDstatus = 0;
    $.post('status.php',{
        status:IDstatus
    },function(e){
        $('#div_load').load('#div_load');
    })
})

$('body').delegate('.deactive','click',function(e){
    var IDstatus = 1;
    $.post('status.php',{
        status:IDstatus
    },function(e){
        $('#div_load').load('#div_load');
    })
})

我只希望#div_load更改状态后刷新一次！

任何帮助表示赞赏，谢谢！

Answer 1

尝试使用以下内容

$(document).rady(function(){
$(".active").click(function(){
    $.ajax({
    url: "status.php",
    data:{status:1},
    dataType:'html',
    success: function(result){
         $('#div_load').html(result);
    }
    });
});$(".deactive").click(function(){
    $.ajax({
    url: "status.php",
    data:{status:0},
    dataType:'html',
    success: function(result){
         $('#div_load').html(result);
    }
    });
});

}）;

不要使用load（）...就像ajax。 只需将要加载的服务器中的数据传递给div