如何通过 URL 参数将 Javascript/jQuery 数组发送到 PHP？

Question

这是我的脚本，效果很好... send_array_to_other_page.html

$(function(){
    //DECLARE ARRAY
    var arr = new Array();
    var i = 0;
    $('#form').submit(function(e){
        e.preventDefault();
        var value = $('#box').val();
        var index = arr.length;
        var list = ''; 
        //ADD VALUE TO ARRAY
        arr[index] = value; 
        //OUTPUT VALUES IN ARRAY
        for (var index in arr){
            list+=index+': '+arr[index]+'<br/>';
            $('#arrLength').html(arr.length);
        }
        //DISPLAY ARRAY
        $('#display').html(list);
        $('#form').get(0).reset(); //RESET FORM
    });
    $('#submit').click(function(){
        window.location = 'send_array_to_other_page_2.php?list='+arr;
    });
});

这不行。它输出数组内容丢失。我还想指出此页面的 url 是 send_array_to_other_page_2.php。它缺少 ?list=

<?php
    $arr = $_GET['list'];
    echo 'The contents of the array are still... <br/>';
    if(isset($arr)){
        print_r($arr);
    } else {
        echo 'Array content lost';
    }
?>

Answer 1

$(function(){
    //DECLARE ARRAY
    arr = new Array();
    var i = 0;
    $('#form').submit(function(e){
        e.preventDefault();
        var value = $('#box').val();
        var index = arr.length;
        var list = ''; 
        //ADD VALUE TO ARRAY
        arr[index] = value; 
        //OUTPUT VALUES IN ARRAY
        for (var index in arr){
            list+=index+': '+arr[index]+'<br/>';
            $('#arrLength').html(arr.length);
        }
        //DISPLAY ARRAY
        $('#display').html(list);
        $('#form').get(0).reset(); //RESET FORM
    });
    $('#submit').click(function(){
        window.location = 'send_array_to_other_page_2.php?list='+arr;
    });
});

尝试不使用 var arr 使其成为全局的，我不相信子函数正在解析它。

Answer 2

不要通过 URL 发送“长”数据。大多数浏览器都有长度限制，很容易超过该长度并最终导致数据损坏。对于“大”数据，请使用 POST，这没有限制。

要发送数组本身，只需执行 AJAX 请求并让 jquery 将数组编码为 JSON。然后，您可以使用 json_decode() 在 PHP 中处理它，最终将得到一个本机 PHP 数组。

Answer 3

编辑：根据您的评论更新了jsfiddle 上的 JavaScript。在“提交”时，使用 .data() 将数组保存在“#form”元素中方法。在“单击”“#submit”按钮时，将检索该数据并构建 URL。

---

click 事件确实在提交事件之前触发（至少在我的 Firefox 7 中），因此当连接到 URL 字符串时，您的数组为空。

我在 jsfiddle 上整理了一些 JavaScript，可能会有帮助。您实际上并不需要绑定到提交按钮的单击事件，只需在提交处理函数中执行“重定向”即可。无论如何，您正在构建字符串 list 。因此，不会混淆首先触发的是单击事件还是表单提交事件。

至于数组的序列化，我使用了 jQuery 的 .each() 函数 但没有任何东西手工做错了（如果做得正确的话）。

我还可以想象表单实际上已发布，这就是为什么您看不到 URL 的“?list”搜索部分的原因。

如果您不需要完整的重定向，为什么不使用 jQuery.get() 发送数据？