Home/ Questions/Q 8581337
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T21:01:24+00:00

Im trying to read basic wall information from Facebook, and display in a query

  • 0

Im trying to read basic wall information from Facebook, and display in a query mobile list. The code is working fine via phonegap, but when published as a web app in getting a “xmlhttprequest cannont load https://www.facebook.com…” error.

Current Code:

    <script type="text/javascript">

var cc_news_feed = 'http://www.facebook.com/feeds/page.php?id=47160778899&format=rss20&callback=?';
var cc_news_item = 'item';
var cc_news_title = 'title';
var cc_news_content = 'description';
var cc_news_limit = 10;



    $('#news').live('pageshow', function(){
        if(newsLoaded != '1'){
            cc_news_limit = cc_news_limit +1;

        $.mobile.showPageLoadingMsg();

        $("#newslist").empty();

        $.ajax({
            type: "GET",
            url: cc_news_feed,
            dataType: "xml",
            success: parseXml
        });

        function parseXml(xml10){        
            var i = 1;

            $(xml10).find(cc_news_item).each(function(){
                if(i < cc_news_limit){ //Limit results
                  var pageid = "detailpage" + i;                                         
                    $("#newslist").append("<li data-theme=\"y\"><a href='javascript:void(0)' onclick=\"javascript: $.mobile.changePage($('"+"#"+pageid+"'), 'slide');\">" + ($(this).find(cc_news_title).text()) + "</a></li>");                    
                  $("body").append("<div data-role='page' id='"+pageid+"'><div data-role='header' data-theme='z'><a href='#news' data-direction='reverse'>back</a><h1>News Detail</h1></div><div data-role='content' class='newsdetail'><h1>" + ($(this).find(cc_news_title).text()) + "</h1>" + ($(this).find(cc_news_content).text()) +"</div></div>");

                    i++;
                }
            });

            $("#newslist").listview('refresh'); 
            $.mobile.hidePageLoadingMsg();

            //Mark as loaded
            newsLoaded = '1';
        }
      }
    });
</script>


<div data-role="page" id="news" data-theme="z">
  <div data-role="header" data-position="fixed" data-theme="z">
    <h1>News</h1>
    <a href="#home" data-icon="home" class="ui-btn-right" data-iconpos="notext" data-transition="slidedown" data-theme="x">Home</a>
  </div>
  <div data-role="content">
    <ul data-role="listview" data-theme="z" data-inset="true" id="newslist"></ul>
  </div>
</div>

I have read a few bits about the xmlhttprequest but still a little confused and lost…

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    When deploying as an application, your code has more rights like downloading from multiple sites.

    In a browser these rights are severely limited, my best guess is you are getting error because URL gets redirected from HTTP to HTTPS.

    Probably this will solves the problem:

    var cc_news_feed = ‘https://www.facebook.com/feeds/page.php?id=47160778899&format=rss20&callback=?’;

    Please check what URL you were redirected to in error and exactly paste it as URL that Ajax uses.

    • 0