php ajax+jQuery一括削除機能を実現
15631 ワード
この文章は主にPHPjQuery+Ajaxが一括削除機能の関連資料を書くことを紹介して、必要な友达は参考にして美観のために、私はやはりlayuiのモードボックスの全体のページを導入して私は書かないで比較的に簡単です
必要なボタン
巡回するチェックボックスは
これでフロントエンドの内容が完成し、js部分を書き始めました.私はすべてjqueryを使っています.
ポイント:一括削除を行い、チェックボックスのid値を取得することに重点を置き、取得後、選択した値forをループ接合すればよい
バックグラウンドlaravelフレームワークコントローラコード
2つ目の方法:
必要なボタン
<button class="layui-btn layui-btn-danger del_all">
<i class="layui-icon"></i> </button>
巡回するチェックボックスは
<input id="box" name="check" type="checkbox" value="{{$v->user_id}}" lay-skin="primary">
これでフロントエンドの内容が完成し、js部分を書き始めました.私はすべてjqueryを使っています.
ポイント:一括削除を行い、チェックボックスのid値を取得することに重点を置き、取得後、選択した値forをループ接合すればよい
$(document).on("click",".del_all",function(){
// name
var check = document.getElementsByName("check");
var str="";//
// id,
// : , checkbox
//value , ,
//
// length
for (i=0;i<check.length;i++) {
if (check[i].checked == true) {
str += "," + check[i].value;
}
}
alert(str);
//id
//id , ajax
var ids = str.substr(1); //
//alert(ids);
layer.confirm(' ?',function(index){
layer.confirm(' ?',function(index){
// ajax
var urll="http://www.laravele.com/admin/user/del";
$.ajax({
url:urll,
data:{ids:ids},
dataType:"json",
type:"GET",
success:function(res){
if(res.code==200){
layer.msg(res.msg,{icon:6,time:1000});
location.reload()//
}else{
layer.msg(res.msg,{icon:5,time:1000});
}
}
})
})
});
バックグラウンドlaravelフレームワークコントローラコード
public function delAll(Request $request)
{
$id=$request->input();
// dd($id);
$id = implode(",",$id);//
$id=explode(",",$id); //
$res=User::destroy($id);
if ($res) {
$data=['code'=>200, 'msg'=>' '];
} else {
$data=['code'=>201, 'msg'=>' '];
}
return $data;
}
2つ目の方法:
{{$v->user_id}}" lay-skin="primary">
function delAll(){
var ids=[];
$(".layui-form-checked").not('.header').each(function(i,v){
var u=$(v).attr('data-id');
ids.push(u);
})