使用Lumen,我正在显示"Tickets"。这是我的Tickets.blade.php
:
@foreach($tickets as $ticket)
<div>
<p>{{ $ticket->id }}</p>
<p>{{ $ticket->content }}</p>
<button onclick="deleteTicket({{$ticket->id}})">Delete</button>
</div>
@endforeach
每次有人点击删除,它都会触发这个脚本:
<script>
function deleteTicket(id) {
jQuery.ajax({
type: "post",
url: "/tickets/deleteTicket",
data: id,
dataType: "text",
success: function () {
console.log('deleted!');
}
});
}
</script>
在我的routes.php
中,我有这个:
$app->post('tickets/deleteTicket','TicketsController@deleteTicket');
最后,在我的TicketsController.php
中,我有:
public function deleteTicket($id) {
$ticket = Ticket::find($id);
$ticket->delete();
return redirect('/tickets');
}
当我按下按钮(控制台)时我得到的问题:
POST http://example.com/tickets/deleteTicket 404 (Not Found)
我不明白我做错了什么,为什么那个方法没有被发现。有人能帮忙吗?
EDIT-我已将我的routes.php
更改为:
$app->get('tickets/deleteTicket/{id}','TicketsController@deleteTicket');
我的脚本看起来是一样的,但我把"类型"改为get
而不是post
。
如果我访问这个站点:http://mysite/tickets/deleteTicket/1
,票将被删除,并重定向到tickets
页面。但是,如果单击按钮,则会发生以下错误:
http://MYSITE/tickets/deleteTicket?id=3 404 (Not Found)
在这一点上,我认为我只需要修改我的AJAX调用到正确的URL,但我想确保安全性是一个问题。
或者你可以试试这个:
routes.php
$app->get('tickets/deleteTicket/{id}','TicketsController@deleteTicket');
好了,这是你的刀片:添加类按钮和删除功能,点击。像这样:
<button class="delete" data-id="{{$ticket->id}}>Delete</button>
和你的脚本:
$(".delete").on("click", function(e) {
e.preventDefault();
var id = $(this).data('id');
$.ajax({
url : "tickets/deleteTicket/"+id+"",
type : "get" or "post",
success: function(data) {
alert(data);
}
});
});
你必须改变的东西
- In JS
url: "/tickets/deleteTicket", // Try change to your full URL with http://
data: id, // Change to data: "id="+id,
- In Controller
public function deleteTicket(Request $request) {
$ticket = Ticket::find($request->id);
$ticket->delete();
return redirect('/tickets');
}