删除后加载Ajax活动页面（ajax，codeigniter）

Question

你好，我在这里有问题..

我打算使用Ajax和codeigniter删除记录。.但是当数据库中的记录删除时，视图不会改变..我认为它需要实时页面加载，但是不知道如何。

这是我的看法。

    <a class="btn btn-primary"  href="#" onclick="deleteFav('<?php echo $favbook[$x]['Bibli'];      ?>')">Delete
      </a>

    <script>
function deleteFav(bibli)
    {
        $.ajax({
            type    :"POST",
            url     : "<?php echo site_url(); ?>favorite_book/deleteFav",
            async   : false,
            data    : {
                        Bibli:bibli
                      },
            success : function(data){

            }
        });
    }
</script>

这是我的模特

    function addfav($Bibli, $createTime, $username)
    {

        $data_fav = array(
            'Bibli' => $Bibli,
            'FavoriteDate' => $createTime,
            'Username' => $username,
            'CreatedTime' => $createTime,
            'AuditActivity' => 'I'
        );
        echo $this->db->insert('msfavoriteasset',$data_fav);

    }

我的控制器

public function deleteFav()
{
    $data = $this->input->post();

    print_r($this->input->post('Bibli'));
    $createTime = date("Y-m-d H:i:s",strtotime('+6 hours'));        
    $success = $this->favoritebook_model->delete($data["Bibli"], $this->session->userdata('username'));

}

Answer 1

尝试这个 ：-

<a class="btn btn-primary"  href="#"  data-bibli="<?php echo $favbook[$x]['Bibli'];      ?>">Delete</a>

<script>
    function deleteFav(bibli, this)
        {
            $.ajax({
                type    :"POST",
                url     : "<?php echo site_url(); ?>favorite_book/deleteFav",
                async   : false,
                data    : {
                            Bibli:bibli
                          },
                success : function(data){
                    $(this).remove();
                }
            });
        }

    $(document).ready(function(){
       $(".btn-primary").click(function(){
           var bibli = $(this).data("bibli");
           deleteFav(bibli, this);
       });
    });
</script>

不要忘记在onclick="deleteFav('<?php echo $favbook[$x]['Bibli']; ?>', this)上添加此参数

Answer 2

根据注释中的讨论尝试此代码。

success : function(data){
                var delay=2000//2 seconds
                setTimeout(function(){

                   //your code to be executed after 2 seconds
                    location.reload();
                },delay)

            }

Answer 3

我假设您需要的是，当用户单击删除时，必须将某个人从其收藏夹列表中删除，并且您需要更新从列表中删除该人的视图。

这是通过以下方式完成的，您可以删除该人并在删除和更新列表后以Ajax答复的形式发送新列表。

即success : function(data){ $('#favlist_div').html(data); } success : function(data){ $('#favlist_div').html(data); }

这将原始列表替换为更新的列表。

或者您可以按照以下方式从列表中删除此人

我想您正在用图像和删除按钮列出最喜欢的人。如果echo $ favbook [$ x] ['Bibli']是唯一的ID

<div id="div_<?php echo $favbook[$x]['Bibli']; ?>">
<img .....>
<a class="btn btn-primary" href="#" onclick="deleteFav('<?php echo $favbook[$x]['Bibli'];?>')"> Delete </a>
</div>

那么成功就可以简单地将div删除为

success : function(data){ $('#div_'+bibli).hide(); }