在项目测试时,由于没有加已提醒就删除数据,感觉很少点什么,于是整理一个简单的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();
}
测试可用 . . . . . .