tp5使用ajax删除数据,并提示是否删除

在项目测试时,由于没有加已提醒就删除数据,感觉很少点什么,于是整理一个简单的ajax删除的实例:

在html页面删除按钮绑定事件:

<a onclick="del_one({$v.id})">删除</a>

并在下方加入js的script标签:

<script src="__STATIC__/login/jq.js"></script>
<script>

	function del_one(id){
		if(confirm("确定要清空数据吗?")){
			// alert(id);测试事件是否绑定成功
			$.ajax({
			type:'get',
            //数据传输方式
			url:"{:url('login/delete')}",
            //传输路径
			data:{
				id:id
			},success:function(e){
				$('#deleteds').html(e);
                //把整个表格用盒子包起来,id为deleteds,用来局部刷新
			}

		})
	
		}
	}
</script>

 局部刷新所替换为最新的内容的html

<table border="1">
		<tr>
			<td>id</td>
			<td>姓名</td>
			<td>密码</td>
			<td>操作</td>
		</tr>

		 {volist name="data" id="v"}
		<tr>
			<td>{$v.id}</td>
			<td>{$v['username']}</td>
			<td>{$v['password']}</td>
			<td><a href="update?id={$v.id}">修改</a>
				<a onclick="del_one({$v.id})">删除</a>
			</td>
		</tr>
		{/volist}
		
	</table>

 控制器代码

 /**
     * 删除指定资源
     *
     * @param  int  $id
     * @return \think\Response
     */
      public function delete()
    {
        // print_r(input('id'));die;
        $request = Request::instance();        
        $id = $request->get('id');
        
        $goods = new LoginModel();
        $result = $goods->deleteData($id);
       
        return view('delete',['data'=>$result]);
     
}

model层代码:

//删除
function deleteData($id)
{
return Db::name('login')->where('id','=',$id)->delete();
}

 测试可用 . . . . . .

 

 

 

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值