Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Readability API - Parsing Specific Sub category of RSS Feed using JQM

I've parsed the following RSS (http://timesofindia.indiatimes.com/rss.cms) in this way-

My code-

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>News Parser</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <link rel="stylesheet" href="css/jquery.mobile-1.4.2.min.css" />
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/jquery.mobile-1.4.2.min.js"></script>
    <script type="text/javascript">

var url1 = "https://www.readability.com/api/content/v1/parser?url=";
var testurl = "http://timesofindia.indiatimes.com/rss.cms";
var urltoken = "&token=18ba7d424a0d65facdaea8defa356bc3e430f8ce";
var finalurl = url1 + testurl + urltoken; 
console.debug(finalurl)

$(function()
 {
   $.ajax(
    {        
             url:finalurl,
             dataType: "json",
             contentType:"application/json",
             success: function (data)
               {
                     console.log(data);
                     console.log(data.content);
                     //console.error(JSON.parse(data.content));
                     $("body").empty().append(data.content);
               },
               error:function(d)
                {
                     console.log(d);
                }
              });   
 });
 </script>
 <style type="text/css">
  p
  {
    color: green;
  }
  </style>
 </head>
 <body> 
 </body>
 </html>  

I'm getting the content of RSS Feed like this -

enter image description here

Now i want to parse Specific Sub- Category of RSS Feeds like SPort, Technology etc. How could i do, If i m passing the specific url of the sub category, which is **http://timesofindia.feedsportal.com/c/33039/f/533921/index.rss, http://www.thehindu.com/sport/?service=rss,

I m getting blank window.

Please suggest me how could i parse specific Sub Category of RSS Feeds?

like image 950
ChenSmile Avatar asked Jun 12 '14 08:06

ChenSmile


1 Answers

Sub Category of RSS Feeds

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Car</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1">           
  </head>
  <body>
    <!-- Page 1 -->
    <div data-role="page" id="firstPage" >
        <div data-role="header">
            <h1>Rss Feed</h1>
        </div><!-- /header -->
        <div role="main" class="ui-content" id="content">

        </div><!-- /content -->

    </div><!-- /Page End -->
    </body>
</html>

JAVASCRIPT

$.ajax({
    url:'http://timesofindia.feedsportal.com/c/33039/f/533921/index.rss',
    dataType:'xml',
    type:'GET',
    success:function(xml) {
         $(xml).find('item').each(function() {
            var title = $(this).find("title").text();                 
            var link = $(this).find("link").text();
            var description = $(this).find("description").text();
            var pubDate = $(this).find("pubDate").text();

            $("#content").append('<div><p><a href="'+link+'">'+title+'</a><p><p>'+pubDate+'<p><p>'+description+'<p><div>');                  
         });
    },
    error:function() {
        alert("Feed error..!");
    }
});   


$.ajax({
    url:'http://www.thehindu.com/sport/?service=rss',
    dataType:'xml',
    type:'GET',
    success:function(xml) {
         $(xml).find('item').each(function() {
            var title = $(this).find("title").text();  
            var category = $(this).find("category").text();               
            var link = $(this).find("link").text();
            var description = $(this).find("description").text();
            var pubDate = $(this).find("pubDate").text();                
            $("#content").append('<div><p><a href="'+link+'">'+title+'</a><p><p>'+pubDate+'<p><p>'+description+'<p><div><p>Category: '+category+'<p><div>');                  
         });
    },
    error:function() {
        alert("Feed error..!");
    }
});   
like image 116
Ved Avatar answered Sep 30 '22 05:09

Ved