如何使用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); 

Answer 2

您可以返回JSON而不是字符串。

此处了解详情：http://api.jquery.com/jQuery.getJSON/

Answer 3

您可能需要json_encode这样的反应。

$response = array("videoUrl"=>"video.mp4","posterUrl"=>"video.mp4"); 

echo json_encode($response);