ヘッダーにphpファイルを呼び出すjQueryスクリプトがあります。
phpファイルには、リモートのxspfファイルから取得したデータと、更新のためにjQueryに表示される出力が含まれています。タイトル用とリスナー用の2つのエコールールがあります。現在、jQueryはファイル自体を呼び出して、出力を1行にまとめて表示します。jQueryにこれらのエコーを個別に表示させて、デザイン(CSS)を制御するにはどうすればよいですか?
PHP:
<?php
header("Expires: Tue, 03 Jul 2001 06:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
$xml = simplexml_load_file("http://mysitehere:8000/live.xspf");
foreach ($xml->trackList->track as $data) {
$radio = $data->location;
$song = $data->title;
$info = $data->listeners;
}
echo $song;
echo $info;
?>
jQuery:
<script language="javascript">
jQuery(document).ready(function(){
//Carga al comienzo
jQuery('#salida').load('reader.php');
setInterval(function() {
jQuery('#salida').load('reader.php');
}, 2000);
})
</script>
<div id=salida> </div>