javascript - 如何使用 Ajax 检索和存储数据

Question

我想从 PHP 返回多个数据(变量)，而不是仅仅返回一段 html 代码。

现在我得到了这个:

$.ajax({
    url: "test.php",
    cache: false
})
.done(function(html) {
    $('video').attr('src', html);
});

但我希望能够做一些类似的事情:

$.ajax({
    url: "test.php",
    cache: false
})
.done(function(data) {
    $('video').attr('src', data.videoUrl);
    $('video').attr('poster', data.posterUrl);
});

在我的test.php中，我有这个:

$posterUrl = "thumbnail.png";
$videoUrl = "video.mp4";

echo $posterUrl;
echo $videoUrl;

我怎样才能完成这样的事情？

Answer 1

最简单的方法？ JSON。

JavaScript:

$.ajax({
    url: "test.php",
    dataType: "JSONP"
}).done(function(json) {
    $("video").attr("src", json.videoURL).attr("poster", json.posterURL);
});

PHP:

$output = array();
$output["posterURL"] = "poster.png";
$output["videoURL"] = "video.mp4";

echo json_encode($output);