laravel 框架 ajax无页面刷新删除
、、、、、、、、、、、、、、、、、、、、HTML页面
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>cj 数据展示</title>
<link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css">
</head>
<body>
<table class="table">
<tr>
<td><button value="全选" class="allcheckbox">全选</button></td>
<td>序号</td>
<td>采集标题</td>
<td>采集图片</td>
<td>
详情
</td>
</tr>
@foreach($data as $k=>$v)
<tr id="del_{{$v['id']}}">
<td>
<input type="checkbox" class="whole">
</td>
<td>{{$k+1}}</td>
<td>{{$v['title']}}</td>
<td><img src="{{$v['img']}}" alt=""></td>
<td>
<a href="/cj/details/{{$v['id']}}">详情</a>
<a href="javascript:void(0)" onclick="del({{$v['id']}})">删除</a>
</td>
</tr>
@endforeach
</table>
<select name="" id="pagesum" onchange="change()">
<option value="">请选择要跳转的页面</option>
@for($i=1;$i<=$data->lastPage();$i++)
<option value="{{$i}}">{{$i}}</option>
@endfor
</select>
{{$data->links()}}
</body>
</html>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
//下拉分页
function change(){
var select=$("#pagesum").val();
location.href="/cj/list?page="+select;
}
//ajax删除
function del(id){
//ajax
$.ajax({
url:"http://www.yanbing.com/cj/del/"+id,
data:"get",
dataType:"json",
success: function (res){
if (res.status==200){
alert('删除成功')
$("#del_"+id).remove();
}else{
alert('删除失败')
}
}
})
}
</script>
////////////////////路由
//ajax删除路由
Route::get('/cj/del/{id}','cjController@del');
、、、、、、删除控制器
public function del($id){
$res=cjModel::del($id);
if ($res){
$arr['status']=200;
$arr['info']='删除成功';
$arr['data']=$res;
echo json_encode($arr);
}else{
$arr['status']=500;
$arr['info']='删除失败';
$arr['data']='';
echo json_encode($arr);
}
}
、、、、、、、、、、、、、删除模型
//删除
public static function del($id){
return self::find($id)->delete();
}
