Create a stream of new JSON data from PHP to jQuery

Question

I have this code in PHP:

<?php

$data = file_get_contents('http://newsrss.bbc.co.uk/rss/sportonline_uk_edition/football/rss.xml');

$xml = simplexml_load_string($data);

echo json_encode($xml);

?>

And this jQuery:

setInterval(function() {

$.getJSON('bbc.php', function(data) {
    console.log(data);
    $.each(data.channel.item, function(index, item){
        $('.container').append("<p data-date='" + item.pubDate + "'>" + item.title + "</p>");
    });
});

}, 5000);

So, as you can see, its going to append the same dataset below the previous one creating many duplicated entries. What would be the best approach here, using client or server side, to only send back/display new data, rather than outputting the same data again?

Scherbius.com · Accepted Answer · 2011-08-27 01:14:09Z

2

Client side solution:

You can keep global JavaScript array of all rss items. When new item is coming - you check if it's present in that array, then appent it to the container.

var myRSS =[];

function rssReader() {

    $.getJSON('bbc.php', function(data){
        $.each(data.channel.item, function(index, item){
            // check if item title is stored in the array   
            if (jQuery.inArray(item.title, myRSS)) { 
                //do nothing
            } else {
                // save item title in the array
                myRSS.push(item.title);

                // publish item  
                $('.container').append("<p data-date='" + item.pubDate + "'>" + item.title + "</p>");
            }
        });
    });

}

setInterval(rssReader(), 5000);

answered Aug 27, 2011 at 1:14

Scherbius.com

3,4224 gold badges26 silver badges45 bronze badges

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

Comments

stewe · Accepted Answer · 2011-08-27 01:18:04Z

1

You could generate a checksum of the rss feeds data and send it along with the JSON response. Then on the clientside send that checksum back to server in each subsequent request, the server then compares the received checksum with the datas checksum and only responds with a full dataset if they differ.

answered Aug 27, 2011 at 1:18

stewe

42.8k13 gold badges82 silver badges77 bronze badges

Comments

ty812 · Accepted Answer · 2011-08-27 06:45:48Z

1

Write the RSS entries into some kind of database on the Server side, use their URL as an unique index, then create JSON from a DB query.

answered Aug 27, 2011 at 6:45

ty812

3,33322 silver badges36 bronze badges

Collectives™ on Stack Overflow

Create a stream of new JSON data from PHP to jQuery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related