CI 框架之--当 Delete 碰上 Ajax

2017-05-08

之前写过一篇关于CI框架的增删改查功能，觉得其中的删除功能，并不是特别友好。今天就想试试当Delete碰上Ajax，会碰撞出怎样的火花……

model里边的代码，依旧是原来的方法：

/**
* 删除学生数据
* @param  boolean $where where条件
* @return [type]         [description]
*/
public function del_user($where = FALSE)
{
 return $this->db->delete('user', $where);
}

controller里边的代码有一点变化：

/**
  * [delete description]
  * @return [type] [description]
  */
 public function delete()
 {
   $id    = $this->uri->segment(3, 0);
   $where = array('id' => $id);
   echo $this->user_model->del_user($where);
   exit;
 }

`view`里边的代码，包含`js`代码：

`html`代码如下（记得引入`jQuery`文件）：

<html>
    <head>
        <meta charset="utf-8"/>
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
        <title>用户详情</title>
    </head>
    <body>
        <h3><a href="<?php echo site_url('user/create'); ?>">新增用户</a></h3>
        <table border="1">
            <tr>
                <th>ID</th>
                <th>姓名</th>
                <th>性别</th>
                <th>操作</th>
            </tr>
            <?php foreach ($user as $key => $value): ?>
            <tr>
                <td><?php echo $value['id']; ?></td>
                <td><?php echo $value['name']; ?></td>
                <?php if ($value['sex'] == 1): ?>
                <td>男</td>
                <?php else: ?>   
                <td>女</td>
                <?php endif ?>
                <td><a href="<?php echo site_url('user/edit/'.$value['id']); ?>">编辑</a>/<a href="javascript:;" onclick="deluser(<?php echo $value['id'] ;?>)">删除</a></td>
            </tr>
            <?php endforeach ?>
        </table>
    </body>
</html>

`js`代码如下（记得引入`jQuery`文件）：

<script>
    function deluser(id)
    {
        if(confirm("确定删除该条数据？"))
        {
            $.ajax(
            {
                url:"delete/"+id,
                data:'',
                async:false,
                type:'GET',
                dataType: "json",
                success:function(data)
                {
                    if(data)
                    {
                       alert('删除成功');
                       location.href="index";
                    }
                    else
                    {
                       alert('删除失败');
                       location.href="index";
                    }
                }
            })
       }
    }
</script>

如果有一些好看的弹框样式啥的，也可以把alert弹框替换掉，因为原带的不一定符合你的需求。心情不是很美丽，还是耐着性子把文章写完了。本来计划好的出行，昨天买好的票，今天退了。不开心！本宝宝也是有小脾气的。说好的一起出去玩，真要去怎么就这么墨迹，啥都要我亲力亲为么，如果我这么厉害，这么独立，那我自己过好了，为什么还要找对象……

Autumn

CI 框架之--当 Delete 碰上 Ajax

`model`里边的代码，依旧是原来的方法：

`controller`里边的代码有一点变化：

`view`里边的代码，包含`js`代码：

`html`代码如下（记得引入`jQuery`文件）：

`js`代码如下（记得引入`jQuery`文件）：

model里边的代码，依旧是原来的方法：

controller里边的代码有一点变化：

view里边的代码，包含js代码：

html代码如下（记得引入jQuery文件）：

js代码如下（记得引入jQuery文件）：

`model`里边的代码，依旧是原来的方法：

`controller`里边的代码有一点变化：

`view`里边的代码，包含`js`代码：

`html`代码如下（记得引入`jQuery`文件）：

`js`代码如下（记得引入`jQuery`文件）：