文章/答案/技术大牛

发布

问如何动态加载Feedburner？
EN

Stack Overflow用户

提问于 2013-09-03 04:59:21

回答 1查看 2K关注 0票数 0

我的网站是动态的，所以在某种意义上，该网站只是一个页面，但这一页(主页)加载不同的内容取决于按下的链接，网址的变化，等等。在我的导航栏，我有不同的链接:关于，博客，投资组合，简历和联系。当我点击博客时，我想(1)将blog.html代码加载到主页的body中，(2)执行外部javascript代码，该代码通过Feedburner加载我的博客RSS。

我试过：

$.getScript(...);
动态创建script标记
$(window).ready(...);

注意:我不能在主页的script head 标签中放置 script 标签，因为不管script标签在哪里，都是显示外部代码的地方(我需要在 <div class='content' id='blog-page'>**.**中显示它)

主页：

<html>
   ...
   <body>   
      <div id="content"></div> <!-- Dynamic div -->

      <script>
         <!-- updateContent is called when URL changes, page loads, etc... -->
         function updateContent(page) {
            $('div#content').load('../../' + page + '.html');
         };
      </script>
   </body>  
</html>

动态内容(进入主页)：

<div class='content' id='blog-page'>
   <script src="http://feeds.feedburner.com/blogspot/bVDtI?format=sigpro" type="text/javascript"></script>
...
</div>

有什么想法吗？我完全迷路了..。

发现了 answer.

jquery

html

dynamic

rss

javascript

回答 1

Stack Overflow用户

发布于 2013-09-03 05:32:22

该脚本使用document.write，必须放在需要输出的地方。

我建议使用Google动态阅读博客RSS/Atom，如下所示

http://jsbin.com/UyoYOvO/1/

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>

    $(document).ready(function(){
        // Data object: RSS feed URL, number of entries to return, result format, API version
        var data = {
            q: 'http://feeds.bbci.co.uk/news/video_and_audio/news_front_page/rss.xml'
            , num: 10
            , output: 'json'
            , v: '1.0'
        };

        // AJAX call to Google Feed API which converts ATOM/RSS feed to JSON
       $.ajax({
            url:'http://ajax.googleapis.com/ajax/services/feed/load'
            ,type : "GET"
            ,dataType : "jsonp"
            ,data: data
            ,success: function (json) {
                var feed = json.responseData.feed;
                if(!feed) return;
                var entries = feed.entries;
                if(!entries) return;

                var html = '';
                for( var i=0; i<entries.length; i++){
                    html += '<h2><a href="'+ entries[i].link +'">'+ entries[i].title +'</a></h2>' +
                          '<p>'+ entries[i].contentSnippet +'</p>';
                };

                $('#output').html( html);
            }
      });
  })
</script>
</head>
<body>

    <div id="output"></div>

</body>
</html>

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18584378

复制

相似问题

问如何动态加载Feedburner？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何动态加载Feedburner？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何动态加载Feedburner？
EN