laravel 框架 ajax無頁面重新整理刪除

阿新 • • 發佈：2021-08-04

、、、、、、、、、、、、、、、、、、、、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();
}

laravel 框架 ajax無頁面重新整理刪除

、、、、、、、、、、、、、、、、、、、、HTML頁面<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\"content=\"width=device-width, user-sca