Jquery刷新Div只有一次

时间:2015-09-15 10:09:33

标签: php jquery html mysql css

我使用jquery / ajax和php作为活动/非活动状态,它的工作方式就像用户点击活动变为deactive而反之亦然我能够运行此功能但是我一直点击活动和非活动按钮它连续加载整个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

感谢任何帮助谢谢!

1 个答案:

答案 0 :(得分: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中加载的服务器传递数据