创建从 PHP 到 jQuery 的新 JSON 数据流

发布于 2024-12-01 22:28:11 字数 639 浏览 2 评论 0原文

我在 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);

?>

和这个 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);

因此,正如您所看到的,它将在前一个数据集下方附加相同的数据集,从而创建许多重复的条目。这里最好的方法是什么,使用客户端或服务器端,仅发送回/显示新数据,而不是再次输出相同的数据?

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?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

终止放荡 2024-12-08 22:28:12

将 RSS 条目写入服务器端的某种数据库,使用它们的 URL 作为唯一索引,然后从数据库查询创建 JSON。

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.

蓝梦月影 2024-12-08 22:28:11

客户端解决方案:

您可以保留所有 rss 项目的全局 JavaScript 数组。当新项目到来时 - 您检查它是否存在于该数组中,然后将其附加到容器中。

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);

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);
窗影残 2024-12-08 22:28:11

您可以生成 rss feed 数据的校验和并将其与 JSON 响应一起发送。然后,客户端在每个后续请求中将该校验和发送回服务器,然后服务器将收到的校验和与数据校验和进行比较,并且仅在两者不同时才使用完整数据集进行响应。

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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文