您的位置 >>> AG电投 >>> 编程技术 >>> PHP高级编程
thinkPHP+AJAX实现无刷新删除数据
点击数:169  发布时间2017-12-10 15:56:02

首先,视图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); 
  //}
  
 }
}

来源:咸宁网站建设