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