我可以在HTML表单中使用PUT方法将数据从表单发送到服务器吗?


当前回答

如果你正在使用nodejs,你可以安装包方法覆盖,让你使用一个中间件来做这件事。 文档链接:http://expressjs.com/en/resources/middleware/method-override.html

安装后,我所要做的就是:

var methodOverride = require('method-override')
app.use(methodOverride('_method'))

其他回答

_method隐藏字段的解决方法

以下是一些web框架使用的简单技术:

添加一个隐藏的_method参数到任何不是GET或POST的表单: <input type="hidden" name="_method" value="PUT"> 这可以通过HTML创建助手方法在框架中自动完成。 将实际的表单方法固定为POST (<form method=" POST ") 进程_method在服务器上,并做的就像该方法已经发送而不是实际的POST

你可以通过以下方法实现:

Rails: form_tag 中@ method (Laravel:“补丁”)

为什么它在纯HTML中是不可能的原理/历史:https://softwareengineering.stackexchange.com/questions/114156/why-there-are-no-put-and-delete-methods-in-html-forms

根据HTML标准,你不能。方法属性的唯一有效值是get和post,对应于get和post HTTP方法。<form method="put">是无效的HTML,将被视为<form>,即发送一个GET请求。

相反,许多框架只是简单地使用POST参数来隧道HTTP方法:

<form method="post" ...>
  <input type="hidden" name="_method" value="put" />
...

当然,这需要服务器端展开。

简单地说——不。

我尝试在HTML表单中触发一个put请求,但它将POST请求发送到服务器。要添加PUT请求-

我们可以通过监听脚本中的提交操作,然后将put请求发送到特定端点来实现这一点。

http-server环境的截图。测验

我写了一个名为“html-form-enhancer”的npm包。通过将它放入HTML源代码中,它可以使用GET和POST以外的方法来提交表单,还可以添加application/json序列化。

<script type=module" src="html-form-enhancer.js"></script>

<form method="PUT">
...
</form>

不幸的是,现代浏览器不提供对HTTP PUT请求的本机支持。为了解决这个限制,确保你的HTML表单的方法属性是“post”,然后添加一个方法覆盖参数到你的HTML表单,像这样:

<input type="hidden" name="_METHOD" value="PUT"/>

测试你的要求,你可以使用“邮差”谷歌chrome扩展