Javascript 在div中加载RSS链接

希望你们这些伟大的人能帮助我解决这个（可能很容易的）问题

我有下面的HTML

<div id="rssfeed"></div>

RSS提要可以完美地显示出来。链接在新窗口中默认打开，我不想这样做

我的问题是如何在相同的

div

中加载RSS项目的内容。 例如，当我单击一个链接时，该RSS项目的内容应该加载到

#rssfeed

中。 应该会出现一个返回按钮以返回RSS提要

我知道AJAX应该在这里将HTML内容解析为#rssfeed。但是我不知道如何使用AJAX附加RSS项目的URL

---

提前谢谢

我可能在某个地方有一个将RSS提要解析为json的外部脚本，然后您可以使用ajax将其加载到yr RSS div中。这样您就可以更好地控制布局和内容

这应该是一个评论，但我还不能发布它们！对不起，当我不在手机上时，我会尝试在这里发布一些示例代码：

编辑：

好的-这是一个不完整的答案，但希望能给你指出正确的方向

解析rss的PHP示例：

<?php
header('Content-type: application/json');

$feed = file_get_contents('http://www.essent.nl/content/system/xml/rss_nieuws.rss');
$xml = new SimpleXmlElement($feed);

foreach($xml->channel->item as $i){
    echo json_encode($i); 
}
?>

现在，在javascript中加载所需内容：

<script>
    $.get('myphpoutput.php', function(){
        //do stuff with the json for display
    })
 </script>   

$.get（'myphpoutput.php'，function（）{
//使用json进行显示
})

---

通过这种方法，您可以在php和javascript阶段完全控制内容。希望这有帮助

如果您加载RSS链接（通常是指向网页的链接），它将影响您的布局。如果您确信，如果您的布局中有足够的空间来显示整个网页，您可以这样做。

{
    "title": "this is a title",
    "description": "this is the description",
    "link": "this is the link to the content"
},
{
    "title": "this is another title",
    "description": "this is another description",
    "link": "this is another link to the content"
},
{
    "title": "etc",
    "description": "etc",
    "link": "etc"
}

<script>
    $.get('myphpoutput.php', function(){
        //do stuff with the json for display
    })
 </script>