serializeArray不发送数据

Question

这是php和javascript的示例。

<form id="image-comment" method="post" action="includes/insert_image_comment.php">
    <textarea id="comment-area" name="comment-area"></textarea>
</form>


// javascript
$("#image-comment").submit(function(event) {
    event.preventDefault();
    var action_url = event.currentTarget.action;
    var id = 4;
    var params = $("#image-comment").serializeArray();
    params.push({imageid: id});

    $.ajax({
        url: action_url,
        type: 'post',
        data: params,
        success: function(data) {
           alert(data);
        }
    });
});


// insert_image_comment.php
echo $get_image = $_POST['imageid'];
$comment = $_POST['comment-area'];

当回显$_POST'imageid‘时，我会得到一个错误“未定义的索引:imageid”。当回显$POST‘注释区’时，没有问题。

为什么一个起作用而另一个不行？

谢谢

Answer 1

尝试使用serializeArray使用的格式:示例：

$("#image-comment").submit(function(event) {
    event.preventDefault();
    var id = 4;
    var params = $("#image-comment").serializeArray();
    params.push({name: 'imageid', value: id}); // this one

    $.ajax({
        url: document.URL,
        type: 'POST',
        data: params,
        success: function(data) {
           alert(data);
        }
    });
});