Call php echo from jQuery?

Question

I have a jQuery script in my header that calls a php file.

The php file contains data pulled from a remote xspf file, and the output presented in jQuery for refresh purpose. i have 2 echo rules, one for title and one for listeners. right now jQuery calls the file itself which makes the output appear together on a single line. how can i make jQuery present these echoes separately so i can control their design (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>

Encode your data as JSON, retrieve it with jQuery and process it accordingly (create elements, etc). Right now you are simply taking the response and simply dump it on the page. If you structure the response, you will be able to process it properly with JavaScript. — Felix Kling
– Felix Kling, Commented Aug 20, 2012 at 12:08
can you kindly direct me to a good JSON tutorial to achieve this? im not familiar with JSON.. — Guy1984
– Guy1984, Commented Aug 20, 2012 at 12:11
Just search for it here on SO or the web. There are many, many resources. That said, using JSON is not the only way of course how you could solve this problem, but in the long you will be more flexible. It also depends on what kind of data you have though. — Felix Kling
– Felix Kling, Commented Aug 20, 2012 at 12:16

Patrick Evans · Accepted Answer · 2012-08-20 12:11:49Z

2

Put the echoed info into separate elements

echo '<div class="Song">'.$song.'</div>';
echo '<div class="Info">'.$info.'</div>';

then setup classes in your css for Song, Info (or whatever names you want to give them)

answered Aug 20, 2012 at 12:11

Patrick Evans

42.8k6 gold badges81 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Call php echo from jQuery?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related