php - 如何使用 Ajax 与 Laravel 和 Restful Controller 从数据库中删除

Question

我认为有以下代码:

@foreach ($articlestore as $art)

<form action="{{URL::to('/story/' . $art->id)}}" method="post" id="article_one">

<div class="form-group">
<input type="hidden" name="chosen_title" value="{{$art->id}}" class="form-control">
</div>
<button type ="button" onclick="deleteArticle({{ $art->id }})" id="Reco">Delete</button>
{{Form::token()}}

</form> 
@endforeach


<script type="text/javascript">

function deleteArticle(id) {

 $.ajax({
 url: '/Project/public/story/'+id,
 data: { "_token": "{{ csrf_token() }}" },
 type: 'DELETE',
 success: function(result) {
 console.log(result);
}
});
}

Controller :

public function destroy($id)
{

     $articledel = FootballArticle::find($id);
             $articledel->delete();


}

我对 AJAX 非常陌生，因此我很难知道如何使用 JQuery 从表中删除行。任何帮助将非常感激。

Answer 1

改变

<button type ="button" onclick="deleteArticle($art->id)" id="Reco">Delete</button>

至

<button type ="button" onclick="deleteArticle({{ $art->id }})" id="Reco">Delete</button>
                                              ^^          ^^

在deleteArticle()中更改

url: 'http://localhost/Project/public/story'+id,

至

url: '/Project/public/story/'+ id,
     ^^                   ^^

并添加

data: { "_token": "{{ csrf_token() }}" },

所以看起来像

$.ajax({
    url: '/project/public/story/' + id,
    data: { "_token": "{{ csrf_token() }}" },
    type: 'DELETE',
    success: function(result) {
        console.log(result);
    }
});

此外，当您进行 ajax 调用时，您不需要在 destroy() 方法中执行重定向

return Redirect::back();