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 中的服务器传递数据