jquery - 即使通过ajax提交的内容也使用form标签？

Question

我有一个关于最佳实践的一般性问题。

现在，通常在对表单进行编码时，您会添加 <form></form>标签周围，但是如果正在提交的表单是通过 javascript 提交的，那么这是必要的吗？特别是如果您没有提交按钮而只有 <button> ？

Answer 1

but is that necessary

不，但它是最佳实践。

Especially if you don't have a submit button and just a <button>?

按钮元素的默认类型是提交，如果它应该将数据提交到服务器，那么最佳实践是不要更改它。

<小时/>

使用progressive enhancement ，写unobtrusive JavaScript .

制作一个“正常工作”的 HTML 表单。

然后编写 JavaScript 对其进行 Ajaxify。

使用 JavaScript 绑定(bind)您的事件处理程序。

使用preventDefault()如果 JavaScript 成功运行。

然后，如果出现问题(例如脚本中的错误、依赖于用户浏览器不支持的 DOM 功能、由于网络故障或被其他应用程序占用而无法加载 JS，则您可以最大限度地提高出现问题的可能性)过度热心的广告拦截插件等)最糟糕的情况是浏览器将使用表单提交数据并加载新页面，而不是坐在那里默默失败并让用户想知道发生了什么。