1. 程式人生 > >php實現執行刪除操作時彈出確認、取消對話方塊

php實現執行刪除操作時彈出確認、取消對話方塊

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<table border="1">
    @foreach($list as $v)
        <tr>
            <td>{{$v->id}}</td>
            <td>{{$v->username}}</td>
            <td data-id="{{$v->id}}"><input type="button" value="刪除" class="del"></td>
            {{--<td><a href="{{url('/tkdel')}}?id={{$v->id}}">刪除</a></td>--}}
        </tr>


        @endforeach

</table>
</body>
</html>
<script src="{{asset('js')}}/jquery-1.9.1.js"></script>
<script>


        $('.del').click(function () {
            if(confirm('是否刪除該條資料?')){
                var id=$(this).parent().attr('data-id');
               $.ajax({
                   url:'/tkdel',
                   data:{'id':id},
                   success:function (str) {
                      if(str==1){
                         location.reload(0);
                      }
                   }
               })
            }else{
              return false;
            }




        })
</script>