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['comment-area'] 时没问题。

为什么一个有效而另一个无效？

谢谢

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);
        }
    });
});