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