Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript submit()方法在AJAX调用后发送未定义的内容,而不是书面内容_Javascript_Jquery_Ajax - Fatal编程技术网

Javascript submit()方法在AJAX调用后发送未定义的内容,而不是书面内容

Javascript submit()方法在AJAX调用后发送未定义的内容,而不是书面内容,javascript,jquery,ajax,Javascript,Jquery,Ajax,我通过表单将一些内容添加到数据库中,然后重新加载页面的这一部分以更新内容。然后我想添加下一个内容并再次重新加载,但我使用的.submit方法发送的是未定义的内容,而不是书面内容。以下是HTML代码: <form id="addForm" method="post" action="/addContent"> <input type="text" id="content" name="name" value="" placeholder="New content" req

我通过表单将一些内容添加到数据库中,然后重新加载页面的这一部分以更新内容。然后我想添加下一个内容并再次重新加载,但我使用的.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>

$('#addForm')。提交(函数(){
$.post(“/addContent”{
数据:$('#addForm').serializeArray(),
},功能(回应){
$('#contentPart').html(回复);
});
返回false;
});

有人能帮我吗?我非常感激。

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

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