javascript - jQuery .submit() 方法在 AJAX 调用后发送未定义的内容而不是写入的内容

Question

我通过表单向数据库添加一些内容，然后重新加载页面的这一部分以更新内容。然后我想添加下一个内容并再次重新加载，但我使用的 .submit 方法发送未定义的内容而不是写入的内容。 HTML 代码如下:

<form id="addForm" method="post" action="/addContent">
    <input type="text" id="content" name="name" value="" placeholder="New content" required/><br/><br/>

    <input name="submitted" id="submitted" value="Add content" class="submit" type="submit"  />
</form>

这是 JS:

<script>
$('#addForm').submit(function() {
    $.post('/addContent', {
        data: $('#addForm').serializeArray(),
    }, function(response) {
        $('#contentPart').html(response);
    });
        return false;
});
</script>

有人可以帮助我吗？我将不胜感激。

Answer 1

您需要在将来可能出现在 DOM 中的任何 addForm 表单上分配事件:

$(document).on('submit', '#addForm', function() {
...
});