Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery从RSS提要中提取内容_Javascript_Jquery_Html_Rss - Fatal编程技术网

Javascript 使用jQuery从RSS提要中提取内容

Javascript 使用jQuery从RSS提要中提取内容,javascript,jquery,html,rss,Javascript,Jquery,Html,Rss,我有一个基本的HTML模板: <article> <h3>Being a Freelance Designer</h3> <p>Etiam porta sem malesuada magna euismod... <a href="#">Read more</a> </p> </article> 我有一个RSS提要,我正在尝试提取每个RSS条目的标题和内容,并创建一个

我有一个基本的HTML模板:

<article>
    <h3>Being a Freelance Designer</h3>
    <p>Etiam porta sem malesuada magna euismod... <a href="#">Read more</a>
    </p>
</article>

我有一个RSS提要,我正在尝试提取每个RSS条目的标题和内容,并创建一个

  • +你是什么意思? 你是说下面这个过程

  • 解析XML
  • 从中获取
    标题
    说明
    链接

    <item>
        <title>*Using CSS to Create an Image Hover*</title>
        <link>*http://www.justcode.us/2013/04/using-css-to-create-an-image-hover/*</link>
        <description>*~*</description>
    </item>
    

  • 我听取了克拉克森的想法,并提出了

    $.ajax({
                type: 'GET',
                url: 'feed.xml',
                dataType: 'xml',
                success: function (xml) {
                    $(xml).find("item").each(function () {
                        var title = $(this).find("title").text();
                        var description = $(this).find("description").text();
                        var linkUrl = $(this).find("link_url").text();
                        var link = "<a href='" + linkUrl + "' target='_blank'>Read More<a>";
                        $('#feedContainer').append('<article><h3>'+title+'</h3><p>'+description+link+'</p>');
                    });
                }
            });
    
    $.ajax({
    键入:“GET”,
    url:'feed.xml',
    数据类型:“xml”,
    成功:函数(xml){
    $(xml).find(“item”).each(函数(){
    var title=$(this.find(“title”).text();
    var description=$(this.find(“description”).text();
    var linkUrl=$(this).find(“link_url”).text();
    var link=“阅读更多”;
    $('#feedContainer')。追加(''+title+''+description+link+'

    '); }); } });

    然后,我将该文件托管在本地web服务器上,该服务器允许我访问它,因为它消除了web浏览器设置的限制。

    如果您坚持使用一个脚本并了解如何使用它,可能会获得更快的结果。就现在而言,这个问题在这里是相当离题的。这是一个程序员的网站,你可以发布部分代码并征求关于如何修复它的建议,但它不是收集关于可以删除并开始使用的现成第三方脚本的建议的地方。@ÁlvaroG.Vicario我忘了提到这一点,但我现在将编辑它,关键问题是从外部URL获取提要,这意味着我不能使用AJAX。这不适用于我。只显示空白的白色页面。
    $("article#idx h3").html(**Title**);
    $("article#idx p").html(**Description** + "<a href=\"" + **Link** + "\">Read more</a>");
    
    $.ajax({
                type: 'GET',
                url: 'feed.xml',
                dataType: 'xml',
                success: function (xml) {
                    $(xml).find("item").each(function () {
                        var title = $(this).find("title").text();
                        var description = $(this).find("description").text();
                        var linkUrl = $(this).find("link_url").text();
                        var link = "<a href='" + linkUrl + "' target='_blank'>Read More<a>";
                        $('#feedContainer').append('<article><h3>'+title+'</h3><p>'+description+link+'</p>');
                    });
                }
            });