如何通过javascript提交表单，并将整个数组放在一个输入中？

Question

我正在使用的代码可以显示所有产品，用户输入的为每个产品分配的相应价格，通过点击一个提交按钮就能更新所有价格。

问题是，如果我输入每个记录，服务器却不会发布所有记录。只记录了500个员额，而不是总数。服务器不允许我修改php.ini文件以更改max_put_vars。这段代码可以工作，但它在一个输入中显示了数组。如何通过javascript提交表单，并将整个数组放在一个输入中？我还能用什么解决方案？

代码如下：

while ($row = mysql_fetch_array($result_categorias4334x)) {
    $precio[] = $row['Precio'];
}
<input type="text" name="precios" value="<?php echo implode(",",$precio);  ?>

//POST

if (isset($_POST['ok'])) {
$precios = $_POST['precios'];
$preciosarr = explode(",", $precios);
print_r($preciosarr); }

我之前的工作：

while ($row = mysql_fetch_array($result_categorias4334x)) {
    $precio = $row['Precio'];
    ?>
    <input type="text" name="precios[]" value="<?php echo $precio; ?>">
    <?php
}

但它不会把所有的记录都发出去，只有前500条记录。

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

要解决这个问题，你可以使用JavaScript和AJAX来处理数据提交到后端。首先，在你的HTML页面上添加一个表单，用于用户输入价格：

<form id="submit-form">
    <label for="prices">请输入价格（分号分隔）:</label>
    <input type="text" id="prices" name="prices[]" multiple>
    <button type="button" onclick="addPrice()">添加价格</button>
    <button type="button" onclick="savePrices()">保存价格</button>
</form>

<script>
    function addPrice() {
        var input = document.getElementById("prices");
        var prices = [];
        while (input.value) {
            var price = input.value.split(";").join(",");
            prices.push(price);
            input.value = "";
        }
        savePrices();
    }

    function savePrices() {
        var precios = [];
        var preciosStr = $("#prices").val().split(/;/g).map(function(v, i){return v.trim();}).filter(function(v){return v});
        if(preciosStr.length > 0){
            $.each(preciosStr, function(i, precio){
                precios.push(parseInt(precio));
            });
        }
        $.ajax({
            url: 'your_backend_url_here',
            type: 'POST',
            data: {precios: JSON.stringify(precios)},
            success: function(response){
                console.log('Success:', response);
            },
            error: function(xhr, status, error){
                console.error('Error:', error);
            }
        });
    }
</script>

在这个示例中，我们创建了一个名为submit-form的表单，其中包含一个多个选择器的文本框（用于输入价格）。当用户点击“添加价格”按钮时，它会读取文本框中的内容并将它们分割成多个单独的价格字符串。然后，它调用savePrices()函数来处理这些价格，并将它们发送到后台进行存储。注意，我们使用了AJAX来处理数据提交，以便在客户端与服务器之间传输大量数据。

这样，你就可以在每次用户输入一个新的价格时，都会将新价格添加到数组中，并将其发送到服务器进行处理。