发送对象数组作为没有 ajax 的 POST 数据

Question

我有一个 HTML 表单。提交表单时，会执行一个 jQuery 代码来附加一个对象数组，然后再将数据发送到服务器。每个对象都包含在表单之外检索到的信息。

<form method="post" id="formID" action="test.php" accept-charset="utf-8">
    <!-- form inputs -->
</form>

$('#formID').submit(function() {
    var form = $(this);     
    $('.file').each(function(index) {
        var filedata = {
            name: $(this).find('.name').text(), 
            ordernum: index, 
            size: $(this).find('.size').text()
        };
        form.append('<input type="hidden" name="filedata[]" value="' + filedata + '"/>');
    });
});

我的目标是在服务器端检索这些信息。不幸的是，当我输出$_POST 数据时，我只能得到一个通用的Object 数据。

echo '<pre>';
print_r($_POST['filedata']);
echo '</pre>';

/* output */
Array
(
    [0] => [object Object]
    [1] => [object Object]
)

有没有办法在不使用 AJAX 请求的情况下向服务器提交表单时发送对象数组？

Answer 1

您需要将连接到 HTML 的对象字符串化：

form.append('<input type="hidden" name="filedata[]" value="' + JSON.stringify(filedata) + '"/>');

然后您需要在 PHP 中反序列化该值：

foreach($_POST['filedata'] as $d => $data)
{
    $obj = json_decode($data);
    echo '<pre>';
    print_r($obj['name']);
    print_r($obj['ordernum']);
    print_r($obj['size']);
    echo '</pre>';
}