jQuery로 구문 분석 RSS

해결법

1.경고

경고

전체 플러그인에 대한 필요가 없습니다. 이 콜백 함수로 JSON 객체로 RSS를 반환합니다 :

function parseRSS(url, callback) {
  $.ajax({
    url: document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent(url),
    dataType: 'json',
    success: function(data) {
      callback(data.responseData.feed);
    }
  });
}

2.사용 jFeed - JQuery와 RSS / 아톰 플러그인. 워드 프로세서에 따르면, 한 간단입니다 :

사용 jFeed - JQuery와 RSS / 아톰 플러그인. 워드 프로세서에 따르면, 한 간단입니다 :
```
jQuery.getFeed({
   url: 'rss.xml',
   success: function(feed) {
      alert(feed.title);
   }
});
```
3.1.5 jQuery를이 내장 된 XML 파싱 기능, 그것은 아주 쉽게 플러그인이나 타사 서비스없이이 작업을 수행 할 수있는 시작, 늦게 토론에 오는 우리의 사람들을 위해. 그것은 parseXml 기능을 가지고 있으며, 또한 자동 구문 분석 XML $ 갔지 기능을 사용할 때. 예컨대 :

1.5 jQuery를이 내장 된 XML 파싱 기능, 그것은 아주 쉽게 플러그인이나 타사 서비스없이이 작업을 수행 할 수있는 시작, 늦게 토론에 오는 우리의 사람들을 위해. 그것은 parseXml 기능을 가지고 있으며, 또한 자동 구문 분석 XML $ 갔지 기능을 사용할 때. 예컨대 :
```
$.get(rssurl, function(data) {
    var $xml = $(data);
    $xml.find("item").each(function() {
        var $this = $(this),
            item = {
                title: $this.find("title").text(),
                link: $this.find("link").text(),
                description: $this.find("description").text(),
                pubDate: $this.find("pubDate").text(),
                author: $this.find("author").text()
        }
        //Do something with item here...
    });
});
```
4.jFeed는 IE에서 작동하지 않습니다.

jFeed는 IE에서 작동하지 않습니다.

사용 zRSSFeed. 그것은 5 분에서 일했다

5.나는이 API를 가져오고 추가 종속성없이 작업 할 수 사용 바닐라 RSS라는 새로운 라이브러리에 JQuery와 - RSS의 핵심 논리를 추출 :

나는이 API를 가져오고 추가 종속성없이 작업 할 수 사용 바닐라 RSS라는 새로운 라이브러리에 JQuery와 - RSS의 핵심 논리를 추출 :

const RSS = require('vanilla-rss');
const rss = new RSS(
    document.querySelector("#your-div"),
    "http://www.recruiter.com/feed/career.xml",
    { 
      // options go here
    }
);
rss.render().then(() => {
  console.log('Everything is loaded and rendered');
});

우편:

또한 좋은 템플릿과 함께 제공 및 사용에 매우 쉽게 JQuery와 - RSS를 사용할 수 있습니다 :

$("#your-div").rss("http://www.recruiter.com/feed/career.xml", {
    limit: 3,
    layoutTemplate: '<ul class="inline">{entries}</ul>',
    entryTemplate: '<li><a href="{url}">[{author}@{date}] {title}</a><br/>{shortBodyPlain}</li>'
})

(2013 년 9 월 18 등) 수율 :

<div id="your-div">
    <ul class="inline">
    <entries></entries>
    </ul>
    <ul class="inline">
        <li><a href="http://www.recruiter.com/i/when-to-go-over-a-recruiter%e2%80%99s-head/">[@Tue, 10 Sep 2013 22:23:51 -0700] When to Go Over a Recruiter's Head</a><br>Job seekers tend to have a certain "fear" of recruiters and hiring managers, and I mean fear in the reverence and respect ...</li>
        <li><a href="http://www.recruiter.com/i/the-perfect-job/">[@Tue, 10 Sep 2013 14:52:40 -0700] The Perfect Job</a><br>Having long ago dealt with the "perfect resume" namely God's, in a previous article of mine, it makes sense to consider the ...</li>
        <li><a href="http://www.recruiter.com/i/unemployment-benefits-applications-remain-near-5-year-low-decline-again/">[@Mon, 09 Sep 2013 12:49:17 -0700] Unemployment Benefits Applications Remain Near 5-Year Low, Decline Again</a><br>As reported by the U.S. Department of Labor, the number of workers seeking unemployment benefits continued to sit near ...</li>
    </ul>
</div>

작업 예를 들어 http://jsfiddle.net/sdepold/ozq2dn9e/1/를 참조하십시오.

6.JFeed 사용

JFeed 사용

function getFeed(sender, uri) {
    jQuery.getFeed({
        url: 'proxy.php?url=' + uri,
        success: function(feed) {
            jQuery(sender).append('<h2>'
            + '<a href="'
            + feed.link
            + '">'
            + feed.title
            + '</a>'
            + '</h2>');

            var html = '';

            for(var i = 0; i < feed.items.length && i < 5; i++) {

                var item = feed.items[i];

                html += '<h3>'
                + '<a href="'
                + item.link
                + '">'
                + item.title
                + '</a>'
                + '</h3>';

                html += '<div class="updated">'
                + item.updated
                + '</div>';

                html += '<div>'
                + item.description
                + '</div>';
            }

            jQuery(sender).append(html);
        }    
    });
}

<div id="getanewbrowser">
  <script type="text/javascript">
    getFeed($("#getanewbrowser"), 'http://feeds.feedburner.com/getanewbrowser')
  </script>
</div>

7.당신의 RSS 데이터를하지 않는 한 사용 구글 AJAX 피드 API는 비공개입니다. 그것은 물론, 빨리.

당신의 RSS 데이터를하지 않는 한 사용 구글 AJAX 피드 API는 비공개입니다. 그것은 물론, 빨리.

https://developers.google.com/feed/

8.내가 나단 Strutz로 선택한 답변을 보았다 그러나, jQuery를 플러그인 페이지 링크가 다운 여전히 해당 사이트의 홈 페이지는 부하에 보이지 않았다. 나는 몇 가지 다른 솔루션을 시도하고 그들의 대부분은 밖으로 일자하지만 EASY뿐만 아니라 것으로 확인! 따라서 나는 거기에 내 모자를 던지고 내 자신의 플러그인을 만들고, 여기 죽은 링크,이 답을 제출하기 좋은 장소처럼 보인다. 당신은 2012 년이 답변 (곧 2013 년을 B로)을 찾고 있다면 당신은 죽은 링크와 내가 그랬던 것처럼 여기 오래된 조언의 좌절을 알 수 있습니다. 아래는 플러그인 내 현대 플러그인 예제에 대한 링크뿐만 아니라 코드입니다! 단순히 JS 파일에 코드를 복사 및 다른 플러그인과 같은 헤더에 연결합니다. 사용이 매우 EZ입니다!

내가 나단 Strutz로 선택한 답변을 보았다 그러나, jQuery를 플러그인 페이지 링크가 다운 여전히 해당 사이트의 홈 페이지는 부하에 보이지 않았다. 나는 몇 가지 다른 솔루션을 시도하고 그들의 대부분은 밖으로 일자하지만 EASY뿐만 아니라 것으로 확인! 따라서 나는 거기에 내 모자를 던지고 내 자신의 플러그인을 만들고, 여기 죽은 링크,이 답을 제출하기 좋은 장소처럼 보인다. 당신은 2012 년이 답변 (곧 2013 년을 B로)을 찾고 있다면 당신은 죽은 링크와 내가 그랬던 것처럼 여기 오래된 조언의 좌절을 알 수 있습니다. 아래는 플러그인 내 현대 플러그인 예제에 대한 링크뿐만 아니라 코드입니다! 단순히 JS 파일에 코드를 복사 및 다른 플러그인과 같은 헤더에 연결합니다. 사용이 매우 EZ입니다!

jsFiddle

(function($) {
    if (!$.jQRSS) { 
        $.extend({  
            jQRSS: function(rss, options, func) {
                if (arguments.length <= 0) return false;

                var str, obj, fun;
                for (i=0;i<arguments.length;i++) {
                    switch(typeof arguments[i]) {
                        case "string":
                            str = arguments[i];
                            break;
                        case "object":
                            obj = arguments[i];
                            break;
                        case "function":
                            fun = arguments[i];
                            break;
                    }
                }

                if (str == null || str == "") {
                    if (!obj['rss']) return false;
                    if (obj.rss == null || obj.rss == "") return false;
                }

                var o = $.extend(true, {}, $.jQRSS.defaults);

                if (typeof obj == "object") {
                    if ($.jQRSS.methods.getObjLength(obj) > 0) {
                        o = $.extend(true, o, obj);
                    }
                }

                if (str != "" && !o.rss) o.rss = str;
                o.rss = escape(o.rss);

                var gURL = $.jQRSS.props.gURL 
                    + $.jQRSS.props.type 
                    + "?v=" + $.jQRSS.props.ver
                    + "&q=" + o.rss
                    + "&callback=" + $.jQRSS.props.callback;

                var ajaxData = {
                        num: o.count,
                        output: o.output,
                    };

                if (o.historical) ajaxData.scoring = $.jQRSS.props.scoring;
                if (o.userip != null) ajaxData.scoring = o.userip;

                $.ajax({
                    url: gURL,
                    beforeSend: function (jqXHR, settings) { if (window['console']) { console.log(new Array(30).join('-'), "REQUESTING RSS XML", new Array(30).join('-')); console.log({ ajaxData: ajaxData, ajaxRequest: settings.url, jqXHR: jqXHR, settings: settings, options: o }); console.log(new Array(80).join('-')); } },
                    dataType: o.output != "xml" ? "json" : "xml",
                    data: ajaxData,
                    type: "GET",
                    xhrFields: { withCredentials: true },
                    error: function (jqXHR, textStatus, errorThrown) { return new Array("ERROR", { jqXHR: jqXHR, textStatus: textStatus, errorThrown: errorThrown } ); },
                    success: function (data, textStatus, jqXHR) {  
                        var f = data['responseData'] ? data.responseData['feed'] ? data.responseData.feed : null : null,
                            e = data['responseData'] ? data.responseData['feed'] ? data.responseData.feed['entries'] ? data.responseData.feed.entries : null : null : null
                        if (window['console']) {
                            console.log(new Array(30).join('-'), "SUCCESS", new Array(30).join('-'));
                            console.log({ data: data, textStatus: textStatus, jqXHR: jqXHR, feed: f, entries: e });
                            console.log(new Array(70).join('-'));
                        }

                        if (fun) {
                            return fun.call(this, data['responseData'] ? data.responseData['feed'] ? data.responseData.feed : data.responseData : null);
                        }
                        else {
                            return { data: data, textStatus: textStatus, jqXHR: jqXHR, feed: f, entries: e };
                        }
                    }
                });
            }
        });
        $.jQRSS.props = {
            callback: "?",
            gURL: "http://ajax.googleapis.com/ajax/services/feed/",
            scoring: "h",
            type: "load",
            ver: "1.0"
        };
        $.jQRSS.methods = {
            getObjLength: function(obj) {
                if (typeof obj != "object") return -1;
                var objLength = 0;
                $.each(obj, function(k, v) { objLength++; })
                return objLength;
            }
        };
        $.jQRSS.defaults = {
            count: "10", // max 100, -1 defaults 100
            historical: false,
            output: "json", // json, json_xml, xml
            rss: null,  //  url OR search term like "Official Google Blog"
            userip: null
        };
    }
})(jQuery);

//  Param ORDER does not matter, however, you must have a link and a callback function
//  link can be passed as "rss" in options
//  $.jQRSS(linkORsearchString, callbackFunction, { options })

$.jQRSS('someUrl.xml', function(feed) { /* do work */ })

$.jQRSS(function(feed) { /* do work */ }, 'someUrl.xml', { count: 20 })

$.jQRSS('someUrl.xml', function(feed) { /* do work */ }, { count: 20 })

$.jQRSS({ count: 20, rss: 'someLink.xml' }, function(feed) { /* do work */ })

$ .jQRSS가 (기능 (피드) '대신에 링크의 다음 단어를 검색'{/ * 할 일 * /}) // TODO : 고정 요구

{
    count: // default is 10; max is 100. Setting to -1 defaults to 100
    historical: // default is false; a value of true instructs the system to return any additional historical entries that it might have in its cache. 
    output: // default is "json"; "json_xml" retuns json object with xmlString / "xml" returns the XML as String
    rss: // simply an alternate place to put news feed link or search terms
    userip: // as this uses Google API, I'll simply insert there comment on this:
        /*  Reference: https://developers.google.com/feed/v1/jsondevguide
            This argument supplies the IP address of the end-user on 
            whose behalf the request is being made. Google is less 
            likely to mistake requests for abuse when they include 
            userip. In choosing to utilize this parameter, please be 
            sure that you're in compliance with any local laws, 
            including any laws relating to disclosure of personal 
            information being sent.
        */
}

9.

(function(url, callback) {
    jQuery.ajax({
        url: document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent(url),
        dataType: 'json',
        success: function(data) {
            callback(data.responseData.feed);
        }
    });
})('http://news.hitb.org/rss.xml', function(feed){ // Change to desired URL
    var entries = feed.entries, feedList = '';
    for (var i = 0; i < entries.length; i++) {
        feedList +='<li><a href="' + entries[i].link + '">' + entries[i].title + '</a></li>';
    }
    jQuery('.feed > ul').append(feedList);
});


<div class="feed">
        <h4>Hacker News</h4>
        <ul></ul>
</div>

10.나는 구글이 다시 XML 대신 JSON을 얻을 수 있다는 큰 이점으로 할 수있는 고체, 재사용 방법 사용, 앤드류에 동의합니다. 프록시로 구글을 사용하는 추가 장점은 자신의 데이터에 대한 직접적인 액세스를 차단할 수있는 서비스가 구글을 중단 할 가능성이 있다는 것입니다. 여기에 스키 보고서 및 조건의 데이터를 사용하는 예입니다. 받는 부하의 추가 요소 1) 제 3 자 RSS / XML 2) JSONP 3) 배열에 문자열과 문자열을 청소하면 데이터를 얻을 수없는 방식 그대로 당신이 4 할) : 이것은 일반적인 현실 세계의 모든 응용 프로그램을 가지고 DOM. 이 사람들을 도움이되기를 바랍니다!

나는 구글이 다시 XML 대신 JSON을 얻을 수 있다는 큰 이점으로 할 수있는 고체, 재사용 방법 사용, 앤드류에 동의합니다. 프록시로 구글을 사용하는 추가 장점은 자신의 데이터에 대한 직접적인 액세스를 차단할 수있는 서비스가 구글을 중단 할 가능성이 있다는 것입니다. 여기에 스키 보고서 및 조건의 데이터를 사용하는 예입니다. 받는 부하의 추가 요소 1) 제 3 자 RSS / XML 2) JSONP 3) 배열에 문자열과 문자열을 청소하면 데이터를 얻을 수없는 방식 그대로 당신이 4 할) : 이것은 일반적인 현실 세계의 모든 응용 프로그램을 가지고 DOM. 이 사람들을 도움이되기를 바랍니다!

<!-- Load RSS Through Google as JSON using jQuery -->
<script type="text/javascript">

    function displaySkiReport (feedResponse) {

    // Get ski report content strings
    var itemString = feedResponse.entries[0].content;
    var publishedDate = feedResponse.entries[0].publishedDate;

    // Clean up strings manually as needed
    itemString = itemString.replace("Primary: N/A", "Early Season Conditions"); 
    publishedDate = publishedDate.substring(0,17);

    // Parse ski report data from string
    var itemsArray = itemString.split("/");


    //Build Unordered List
    var html = '<h2>' + feedResponse.entries[0].title + '</h2>';
    html += '<ul>';

    html += '<li>Skiing Status: ' + itemsArray[0] + '</li>';
    // Last 48 Hours
    html += '<li>' + itemsArray[1] + '</li>';
    // Snow condition
    html += '<li>' + itemsArray[2] + '</li>';
    // Base depth
    html += '<li>' + itemsArray[3] + '</li>';

    html += '<li>Ski Report Date: ' + publishedDate + '</li>';

    html += '</ul>';

    $('body').append(html);    

    }


    function parseRSS(url, callback) {
      $.ajax({
    url: document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent(url),
    dataType: 'json',
    success: function(data) {
      callback(data.responseData.feed);
    }
      });
    }

    $(document).ready(function() {              

        // Ski report
        parseRSS("http://www.onthesnow.com/michigan/boyne-highlands/snow.rss", displaySkiReport);

    });

</script>

11.jFeed은 jQuery를 이전 버전의 작업, 다소되지 않습니다. 이 업데이트 된 이후 2 년되었습니다.

jFeed은 jQuery를 이전 버전의 작업, 다소되지 않습니다. 이 업데이트 된 이후 2 년되었습니다.

zRSSFeed 아마도 좀 덜 유연하지만 그것은 사용하기 쉽고,이 jQuery를 현재 버전 (현재 1.4)와 함께 작동합니다. http://www.zazar.net/developers/zrssfeed/

여기에 zRSSFeed 문서에서 간단한 예입니다 :
```
<div id="test"><div>

<script type="text/javascript">
$(document).ready(function () {
  $('#test').rssfeed('http://feeds.reuters.com/reuters/oddlyEnoughNews', {
    limit: 5
  });
});
</script>
```
12.나는 피드 YQL과 jQuery를 사용하고 있습니다. 당신은 트위터, RSS, YQL을 통해 입소문을 검색 할 수 있습니다. 나는 http://tutorialzine.com/2010/02/feed-widget-jquery-css-yql/에서 읽을. 그것은 나에게 매우 유용합니다.

나는 피드 YQL과 jQuery를 사용하고 있습니다. 당신은 트위터, RSS, YQL을 통해 입소문을 검색 할 수 있습니다. 나는 http://tutorialzine.com/2010/02/feed-widget-jquery-css-yql/에서 읽을. 그것은 나에게 매우 유용합니다.
13.난 당신이 FeedEk를 사용하는 조언. 구글 피드 API는 공식적으로 사용되지 않습니다 후 플러그인의 대부분은 작동하지 않습니다. 그러나 FeedEk은 여전히 노력하고 있습니다. 그것은 아주 사용하기 쉬운 그리고 사용자 정의 할 수있는 여러 가지 옵션이 있습니다.

난 당신이 FeedEk를 사용하는 조언. 구글 피드 API는 공식적으로 사용되지 않습니다 후 플러그인의 대부분은 작동하지 않습니다. 그러나 FeedEk은 여전히 노력하고 있습니다. 그것은 아주 사용하기 쉬운 그리고 사용자 정의 할 수있는 여러 가지 옵션이 있습니다.
```
$('#divRss').FeedEk({
   FeedUrl:'http://jquery-plugins.net/rss'
});
```
옵션
```
$('#divRss').FeedEk({
  FeedUrl:'http://jquery-plugins.net/rss',
  MaxCount : 5,
  ShowDesc : true,
  ShowPubDate:true,
  DescCharacterLimit:100,
  TitleLinkTarget:'_blank',
  DateFormat: 'MM/DD/YYYY',
  DateFormatLang:'en'
});
```

14.

<script type="text/javascript" src="./js/jquery/jquery.js"></script>
<script type="text/javascript" src="./js/jFeed/build/dist/jquery.jfeed.pack.js"></script>
<script type="text/javascript">
    function loadFeed(){
        $.getFeed({
            url: 'url=http://sports.espn.go.com/espn/rss/news/',
            success: function(feed) {

                //Title
                $('#result').append('<h2><a href="' + feed.link + '">' + feed.title + '</a>' + '</h2>');

                //Unordered List
                var html = '<ul>';

                $(feed.items).each(function(){
                    var $item = $(this);

                    //trace( $item.attr("link") );
                    html += '<li>' +
                        '<h3><a href ="' + $item.attr("link") + '" target="_new">' +
                        $item.attr("title") + '</a></h3> ' +
                        '<p>' + $item.attr("description") + '</p>' +
                        // '<p>' + $item.attr("c:date") + '</p>' +
                        '</li>';
                });

                html += '</ul>';

                $('#result').append(html);
            }
        });
    }
</script>

15.사용이 구글과 원하는 출력 형식에 의해 캐시 AJAX API를 구글.

사용이 구글과 원하는 출력 형식에 의해 캐시 AJAX API를 구글.

코드 샘플; http://code.google.com/apis/ajax/playground/#load_feed

<script src="http://www.google.com/jsapi?key=AIzaSyA5m1Nc8ws2BbmPRwKu5gFradvD_hgq6G0" type="text/javascript"></script>
<script type="text/javascript">
/*
*  How to load a feed via the Feeds API.
*/

google.load("feeds", "1");

// Our callback function, for when a feed is loaded.
function feedLoaded(result) {
  if (!result.error) {
    // Grab the container we will put the results into
    var container = document.getElementById("content");
    container.innerHTML = '';

    // Loop through the feeds, putting the titles onto the page.
    // Check out the result object for a list of properties returned in each entry.
    // http://code.google.com/apis/ajaxfeeds/documentation/reference.html#JSON
    for (var i = 0; i < result.feed.entries.length; i++) {
      var entry = result.feed.entries[i];
      var div = document.createElement("div");
      div.appendChild(document.createTextNode(entry.title));
      container.appendChild(div);
    }
  }
}

function OnLoad() {
  // Create a feed instance that will grab Digg's feed.
  var feed = new google.feeds.Feed("http://www.digg.com/rss/index.xml");

  // Calling load sends the request off.  It requires a callback function.
  feed.load(feedLoaded);
}

google.setOnLoadCallback(OnLoad);
</script>

16.zRSSfeed는 jQuery를 기반으로하고 간단한 주제는 굉장합니다. 시도 해봐.

zRSSfeed는 jQuery를 기반으로하고 간단한 주제는 굉장합니다. 시도 해봐.
17.JQuery와 - RSS 프로젝트는 매우 가볍고 특정 스타일을 부과하지 않습니다.

JQuery와 - RSS 프로젝트는 매우 가볍고 특정 스타일을 부과하지 않습니다.

구문은 다음과 같이 간단하게 될 수있다
```
$("#rss-feeds").rss("http://www.recruiter.com/feed/career.xml")
```
http://jsfiddle.net/jhfrench/AFHfn/에서 작업 예제를 참조하십시오
18.jQuery를 피드 그것은 내장하는 주형 시스템을 가지고 있으며,이 도메인 간 지원을하고 있으므로, 구글 피드 API를 사용하는 좋은 방법입니다.

jQuery를 피드 그것은 내장하는 주형 시스템을 가지고 있으며,이 도메인 간 지원을하고 있으므로, 구글 피드 API를 사용하는 좋은 방법입니다.
19.Superfeedr이있는 JQuery와 플러그인을 아주 잘하는 작업을 수행한다. 당신은 어떤 크로스 기원 정책 문제가되지 않고 업데이트가 실시간으로 전파됩니다.

Superfeedr이있는 JQuery와 플러그인을 아주 잘하는 작업을 수행한다. 당신은 어떤 크로스 기원 정책 문제가되지 않고 업데이트가 실시간으로 전파됩니다.
20.jFeed이 용이하고 테스트하기위한 예제가 있습니다. 다른 서버에서 피드를 구문 분석하는 경우, 당신은 피드의 서버 간 리소스 공유 (CORS)를 허용해야합니다. 당신은 또한 브라우저 지원을 확인해야합니다.

jFeed이 용이하고 테스트하기위한 예제가 있습니다. 다른 서버에서 피드를 구문 분석하는 경우, 당신은 피드의 서버 간 리소스 공유 (CORS)를 허용해야합니다. 당신은 또한 브라우저 지원을 확인해야합니다.

나는 샘플을 업로드하지만 난 http 프로토콜을 통해 example.com/feed.rss 같은 것으로 예에서 URL을 변경하는 경우 여전히 모든 버전의 IE에서 지원을하지 않았다. CORS는 IE 8 이상 지원해야하지만, jFeed 예제 피드를 렌더링하지 않았다.

가장 좋은 방법은 구글의 API를 사용하는 것입니다 : https://developers.google.com/feed/v1/devguide

보다: https://github.com/jfhovinne/jFeed http://en.wikipedia.org/wiki/Cross-origin_resource_sharing http://en.wikipedia.org/wiki/Same_origin_policy http://caniuse.com/cors

from https://stackoverflow.com/questions/226663/parse-rss-with-jquery by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] 템플릿의 jQuery 엔진 [폐쇄] (0)	2020.10.10
[JQUERY] 어떻게 jQuery를 사용하여 간단한 팝업을 생성하는 (0)	2020.10.10
[JQUERY] 구글의 CDN에서 jQuery를 UI CSS를 다운로드 (0)	2020.10.10
[JQUERY] jQuery를 $ 대 document.getElementById를 () (0)	2020.10.10
[JQUERY] 새 행이있는 jqGrid에 추가 된 후 어떻게 loadComplete을 발사? (0)	2020.10.10

복붙노트

[JQUERY] jQuery로 구문 분석 RSS

jQuery로 구문 분석 RSS

해결법

1.경고

2.사용 jFeed - JQuery와 RSS / 아톰 플러그인. 워드 프로세서에 따르면, 한 간단입니다 :

4.jFeed는 IE에서 작동하지 않습니다.

5.나는이 API를 가져오고 추가 종속성없이 작업 할 수 사용 바닐라 RSS라는 새로운 라이브러리에 JQuery와 - RSS의 핵심 논리를 추출 :

6.JFeed 사용

7.당신의 RSS 데이터를하지 않는 한 사용 구글 AJAX 피드 API는 비공개입니다. 그것은 물론, 빨리.

9.

11.jFeed은 jQuery를 이전 버전의 작업, 다소되지 않습니다. 이 업데이트 된 이후 2 년되었습니다.

12.나는 피드 YQL과 jQuery를 사용하고 있습니다. 당신은 트위터, RSS, YQL을 통해 입소문을 검색 할 수 있습니다. 나는 http://tutorialzine.com/2010/02/feed-widget-jquery-css-yql/에서 읽을. 그것은 나에게 매우 유용합니다.

14.

15.사용이 구글과 원하는 출력 형식에 의해 캐시 AJAX API를 구글.

16.zRSSfeed는 jQuery를 기반으로하고 간단한 주제는 굉장합니다. 시도 해봐.

17.JQuery와 - RSS 프로젝트는 매우 가볍고 특정 스타일을 부과하지 않습니다.

18.jQuery를 피드 그것은 내장하는 주형 시스템을 가지고 있으며,이 도메인 간 지원을하고 있으므로, 구글 피드 API를 사용하는 좋은 방법입니다.

19.Superfeedr이있는 JQuery와 플러그인을 아주 잘하는 작업을 수행한다. 당신은 어떤 크로스 기원 정책 문제가되지 않고 업데이트가 실시간으로 전파됩니다.

20.jFeed이 용이하고 테스트하기위한 예제가 있습니다. 다른 서버에서 피드를 구문 분석하는 경우, 당신은 피드의 서버 간 리소스 공유 (CORS)를 허용해야합니다. 당신은 또한 브라우저 지원을 확인해야합니다.

'JQUERY' 카테고리의 다른 글

티스토리툴바