javascript - 使用 Ajax 将数组传递给 PHP 脚本会导致空帖子

Question

我想使用 AJAX 将数组从 HTML 站点传递到 PHP 脚本

JS

function selectPictures() {
    //selected Pictures is my JS array
    var jsonArray = JSON.stringify(selectedPictures);

    var request;
    request = $.ajax({
        url: "selectedPictures.php",
        type: "POST",
        data: {
            data: jsonArray
        },
        cache: false
        success: function () {
            alert('OK');
        }
    });
}

HTML

href="selectedPictures.php" onclick="selectPictures();"

PHP

if (isset($_POST['data'])) {
    $data = json_decode(stripslashes($_POST['data']));
    foreach($data as $d) {
        echo $d;
    }
}

实际上我想将数据发送到另一个 HTML 页面，然后包含 PHP 脚本，但我不明白为什么这个例子不起作用。 $_POST['data'] 未设置。

更新好的，Ajax 帖子实际上正在工作，因为我看到 HTTP 请求成功但是:我无法立即访问该变量。我需要立即访问传递的数组的值以执行另一个 PHP 脚本。当我想这样做时，我收到未定义索引错误。同样，在执行 isset 函数时，它返回 false(尽管 HTTP 请求成功)。

Answer 1

HTML

<a href="#" id="selectPictures">click</a>

JS

$(function(){
  $('#selectPictures').click(function(){
    var jsonArray = JSON.stringify(selectedPictures);   
    var request = $.ajax({
    url: "selectedPictures.php",
    type: "POST",
    data: {data: jsonArray},
    cache: false,
    success: function(data){alert(data);}
    });
  });
});

在chrome中使用f12查看错误，你忘了在“cache: false”后面添加逗号