jQM 1.4 JSONP AJAX

by Alex Azuero

HTML

<div data-role="page" id="page1">
     <div data-role="header"  data-position="fixed" data-tap-toggle="false">
        <h1>My page</h1> 
    </div> 	
    <div role="main" class="ui-content">
        <div class="result"></div>
    </div> 
     <div data-role="footer" data-position="fixed" data-tap-toggle="false">
         <h1>My page footer</h1>
    </div> 
</div>

JavaScript

$(document).on("pagecreate", "#page1", function(){

    var url = 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent('http://www.wmata.com/rider_tools/metro_service_status/feeds/rail_Advisories.xml?');
    
    $.ajax({ 
        url: 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent('http://www.wmata.com/rider_tools/metro_service_status/feeds/rail_Advisories.xml?'),
        dataType : 'jsonp',
        success  : function (data) {
            console.log(data.responseData.feed.entries);  
            $.each(data.responseData.feed.entries, function (i, e) {
              console.log(e.content);
                $(".result").append("<p>" + e.content +  "</p>");
            });
        }    
    });

});