jQuery防止提交表單，然后在序列化后提交

Question

我正在嘗試使用jQuery執行以下操作：

1. 防止表單提交
2. 將表單的某些元素序列化為數組
3. 通過PHP提交表單。

到目前為止，這是我的jQuery；

entrySubmit.on('click', initEntrySubmission);

function initEntrySubmission(e) {
    e.preventDefault(); 
    var serializedProtocol = $("#protocolForm :input").serialize();
    console.log(serializedProtocol);
    $('#protocolValues').val(serializedProtocol);
    $('#entryForm').submit();

}

該表單可以防止提交並適當地序列化數組，但此后什么也不做。 提交部分似乎是唯一不起作用的東西。 我在網上看到的所有文檔都說使用最后一行，但沒有骰子。

我在這里想念什么嗎？

謝謝您的幫助，尼克

Answer 1

您可以嘗試以下類似的方法

<form id="form1" action="test.php" method="post" onsubmit="return false;">
    <input name="name" type="text">
    <input name="name2" id="protocolValues" value="">
    <input type="submit" value="Submit" id="submit">
</form>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $('#submit').click(function(){
        var serializedProtocol = $("#form1 :input").serialize();
        $('#protocolValues').val(serializedProtocol);
        $('#form1').removeAttr('onsubmit');
        $('#form1').submit();
    });
});
</script>