不使用ajax将对象数组作为POST数据发送 - Send array of objects as POST data without ajax

Send array of objects as POST data without ajax

本文关键字：POST 数据数组 ajax 对象 | 更新日期: 2023-11-01

我有一个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请求的情况下向服务器提交表单时发送一组对象？

您需要将连接到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>';
}