首先，视图index.html页面引入jquery库：

然后我们写入视图文件：

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<volist name='data' id='v'>
  <tr id="f{$v['id']}">
    <td width="20"><a href="">{$v['id']}</a></td>
    <td width="500"><a href="">{$v['title']}</a></td>
    <td width="50"><a href="javascript:;"  onclick="delinfo({$v['id']})">删除</a></td>
    <td>&nbsp;</td>
  </tr>
</volist>

</table>

index.html页面中的函数onclick事件提交删除功能，delinfo功能如下：

<script>
function delinfo(id){
   $.post("{:U('Index/del')}",{
    'id':id,
   },function(data,status) {
    $('#f'+id+'').remove();
   });
}
</script>

接下来，类文件IndexController.class.php页面写入IndexController控制器的二个函数，
//删除功能，成功则用 $this->ajaxReturn()函数返回.

class IndexController extends Controller {
    public function index(){
   $model=M('news');
   $data=$model->field('id,title')->select();
   $this->assign('data',$data);
   $this->display();
 }
 
 public function del(){
  
  //if(IS_POST){
   $id=I('post.id');
   $model=M('news');
   $rs=$model->where("id=$id")->delete();

   $this->ajaxReturn($txt); 
  //}
  
 }
}