我有一个有两个按钮的表单。一个用于保存记录，另一个用于取消保存过程。我正在使用
rails.jsrails.js.serializeArray()“
.serializeArray()他们怎么能假设表单不是使用按钮提交的？我认为这是没有意义的，也是一个错误的假设。
根据 W3C 规则，为提交表单而激活的按钮被视为成功的控件。
既然 jQuery 的开发人员决定故意这样做，我是否可以假设还有另一种方法DOESN'T在序列化中排除激活的按钮？
编辑：这是我的表单的快速示例...
<!DOCTYPE html5>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#form').submit(function(e) {
// put your breakpoint here to look at e
var x = 0;
});
});
</script>
</head>
<body>
<form id="form">
<input name="name" type="text"><br/>
<input name="commit" type="submit" value="Save"/>
<input name="commit" type="submit" value="Cancel"/>
</form>
</body>
是否有另一种方法不排除序列化中激活的按钮？
没有，该行为基于
submit 的 <form>事件，而不是按钮 的 ，例如在 JavaScript 中按 Enter 或调用
.submit().serialize().serializeArray()但是，您可以像从该按钮提交的普通表单一样添加提交名称/值对，例如，如果您从按钮提交：
$("#mySubmit").click(function() {
var formData = $(this).closest('form').serializeArray();
formData.push({ name: this.name, value: this.value });
//now use formData, it includes the submit button
});
这里有一个相当巧妙的方法来解决这个问题：
<form>
<input type="hidden" name="stuff" value="">
<button type="submit" onclick="this.form.stuff.value=this.value" value="reset">reset</button>
<button type="submit" onclick="this.form.stuff.value=this.value" value="delete">delete</button>
</form>
我使用以下代码片段，基本上添加了一个具有相同名称的隐藏元素
var form = $("form");
$(":submit",form).click(function(){
if($(this).attr('name')) {
$(form).append(
$("<input type='hidden'>").attr( {
name: $(this).attr('name'),
value: $(this).attr('value') })
);
}
});
$(form).submit(function(){
console.log($(this).serializeArray());
});
此解决方案是“通用”的，因为它将处理您的所有输入提交，并在提交时将每个输入作为表单变量传递。
$(document).ready(function(){
$('input:submit').each(function(){
$(this).click(function(){
var formData = $(this).closest('form').serializeArray();
formData.push({ name: $(this).attr('name'), value: $(this).val() });
});
});
});
var form = button.closest('form');
var serialize = form.serialize();
if (button.attr('name') !== undefined) {
serialize += '&'+button.attr('name')+'=';
}
有点晚了，但如果您不想将事件绑定到表单上的每个按钮，您可以包含以下内容：
$form.on('submit', function (e) {
let formData = $(this).serializeArray();
if (
e.originalEvent
&& undefined !== e.originalEvent.submitter
&& undefined !== e.originalEvent.submitter.name
&& typeof e.originalEvent.submitter.name == "string"
&& e.originalEvent.submitter.name.length() >= 1
&& undefined !== e.originalEvent.submitter.value
) {
formData.push({
name: e.originalEvent.submitter.name,
value: e.originalEvent.submitter.value,
});
}
// ...
});
表单上任何具有至少 1 个字符长的字符串名称和定义值的提交按钮都将包含在
formData