Skip to content

在 formData 表單送出 PUT、PATCH 或 DELETE 方法

Last updated on 2021 年 8 月 11 日

HTML 表單再送請求的時候,是沒有支援 PUTPATCH 或 DELETE 這三種 method 的。所以在定義由 HTML 表單所呼叫的 PUTPATCH 或 DELETE 路由時,會需要在表單中增加一個隱藏的欄位: _method 

表單欺騙方法

假設我今天想要使用 PUT 這個 method ,最簡單的方法就是在 request url 後面加上 ?_method=PUT

如果在 axios 或是 fetch 等 ajax 方法中的話,我們可以:

const formData = new FormData()
formData.append('_method', 'PUT') // fake to put
formData.append('file', file.blob, file.name)
axios.post(url, formData)

身為一個 Laravel 使用者,也要附上 Laravel 的用法:

隨著 _method 欄位送出的值將被視為 HTTP 請求方法使用:

<form action="/foo/bar" method="POST">
    <input type="hidden" name="_method" value="PUT">
    <input type="hidden" name="_token" value="{{ csrf_token() }}">
</form>

也可以用 method_field 輔助函式來產生 _method 輸入欄位:

{{ method_field('PUT') }}
Published in筆記

Be First to Comment

Leave a Reply

Your email address will not be published. Required fields are marked *