Laravel 不接受 POST 方法答案

【问题标题】：Laravel not accepting POST MethodLaravel 不接受 POST 方法
【发布时间】：2021-08-20 08:18:39
【问题描述】：

我一直在尝试向我的按钮添加一个路由，据此我已将方法声明为 POST，但是当我单击该按钮时，会出现错误提示，说明它正在使用 GET 方法。

这是我的看法

<form method="post" action="{{route('admin.order.item.edit.action', [$order])}}">
..
..
<table class="table m-l-sm">
                            <tbody>
                                @foreach($order->packages as $item)
                                
                                <tr>
                                    <td>
                                        <p class="m-b-xxs font-bold">{{$item->name}}</p>
                                        @foreach($item->products as $product)
                                        <p class="m-b-xxs">{{$product->name}} X {{$product->pivot->quantity}}</p>
                                        @endforeach

                                        <div class="form-group row m-t-sm">
                                            <div class="col-md-4">
                                                <div class="input-group d-inline">
                                                    <span class="input-group-addon font-bold">RM {{$item->unit_price}}</span>
                                                    <span class="input-group-addon">X</span>
                                                    <input id="" type="number" class="form-control" name="package[{{$item->id}}][qty]" value="{{!empty($order->packages->where('id', $item->id)->first()) ? $order->packages->where('id', $item->id)->first()->getOriginal('pivot_quantity') : 0}}" min="0" placeholder="Qty" @cannot('edit-order-package', $order) disabled @endcannot>                                                    
                                                </div>
                                            </div>@error('package.'.$item->id)
                                            <div class="col-md-12 alert alert-danger">{{ $message }}</div>
                                            @enderror
                                                <div class="col-md-8 d-flex justify-content-end">
                                                    <a class="btn btn-sm btn-danger btn-danger" href="{{route('admin.order.item.edit.delete', [$item->id])}}" >Delete</a>  <--- where i am calling my route
                                                </div>
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
</form>

这是我的路线

  Route::post('/{order}/edit/delete', 'App\OrderController@handleDeleteItemOrder')->name('admin.order.item.edit.delete');

控制器

public function handleDeleteItemOrder(Order $order){
            log:info($order);
        }

【问题讨论】：

A <button /> 既不会神奇地知道选择哪种方法，也不会使用除GET 之外的任何方法。你需要 JavaScript 来实现。
你的表单动作路由名称admin.order.item.edit.action和你的路由名称admin.order.item.edit.delete不同
你的表单动作和路由动作不匹配

标签： laravel laravel-5 routes

【解决方案1】：

链接总是发送 GET 请求

所以你要更换按钮链接

<a class="btn btn-sm btn-danger btn-danger" href="{{route('admin.order.item.edit.delete', [$item->id])}}" >Delete</a>  <--- where i am calling my route

有了这个

<form type="POST" action="{{route('admin.order.item.edit.delete', [$item->id])}}">
    @csrf
    @method('delete') <--- I prefer delete method in delete if you don't want you can escape this but if you added it you have to change the post request to delete request
    <input type="submit" class="btn btn-sm btn-danger btn-danger">Delete</input>
</form>

在路线中

Route::delete('/{order}/edit/delete/{id}', 'App\OrderController@handleDeleteItemOrder')->name('admin.order.item.edit.delete');

【讨论】：

【解决方案2】：

刀片：

<a class="btn btn-sm btn-danger btn-danger js-delete-item" data-item="{{ $item->id }}">Delete</a>

javascript

var deleteBtns = document.getElementsByClassName('js-delete-item');
function deleteItem(id) {
    fetch('/{order}/edit/delete/' + id, {
        method: 'POST' // or 'DELETE'
    });
}
for (var deleteBtn of deleteBtns) {
    deleteBtn.addEventListener('click', deleteItem.bind(deleteBtn.dataset.item));
}

路线：

Route::post('/{order}/edit/delete/{id}', 'App\OrderController@handleDeleteItemOrder')->name('admin.order.item.edit.delete'); // or
Route::delete('/{order}/edit/delete/{id}', 'App\OrderController@handleDeleteItemOrder')->name('admin.order.item.edit.delete');

【讨论】：