使用本机 PhoneGap 应用程序检索 Wordpress 帖子

Question

I am new to jQuery programming and i have a simple app that retrieves posts from a word press site and display it in a native app built using Adobe PhoneGap Build. I am using Brackets to code the App and on the Brackets emulator the posts display just fine but the problem is that when i convert it to a native app using PhoneGap build the feeds do not show. Here is the Ajax Call being made.

<script>

function getVideos() {

    $.support.cors=true;
    $.ajax({
        url: 'http://kukonje.com/SDC/api/get_posts/',
        dataType: 'jsonp',
        jsonp:  'callback',
        jsonpCallback: 'jsonCallback',
    }).done(function (data){
        
        data.posts.forEach(function (item) {
               
          var newsfeed = '';
          //newsfeed.append('<li><a href="#container" id="VideoFeeds" data-key="'+ item.id + '"></li>');
                 newsfeed += '<div data-role="collapsible" data-theme="b">';
            newsfeed += '<h3 <a href="#" onclick="place('+item.custom_fields.tender_latitude +','+ item.custom_fields.tender_longitude +');">'+ item.custom_fields.tender_no +' '+item.title +'</a> </h3>';
            
       
            newsfeed +='<p>' + item.date+ '</p>';
            newsfeed +='<p style="font-size:10pt;">' + '  ' +item.content + '</p>';
            newsfeed +='<p style="font-size:8pt;">P' + item.custom_fields.tender_price + '</p>';
            newsfeed +='<a href="#Purchase" class="ui-btn ui-corner-all" style="border:solid 1px red">Purchase</a>';
            newsfeed +='</div>';
            
            $('#listoffeeds').append(newsfeed);
            $('#listoffeeds').collapsibleset('refresh');
               
        });
        
    }).fail(function(error){
        alert("error - " + JSON.stringify(error));
    });
}
</script>

I do not know if I should use json or jsonp to retrieve the post. How can I ensure that the feeds/posts show after I build using phonegap?

Thanks in advance

Answer 1

 function loadtenders() { $.ajax({ type: "GET", contentType: "application/javascript", url: "http://kukonje.com/?json=get_posts", dataType: "jsonp", success: function(data) { console.log("response = " + JSON.stringify(data) + " \\n\\nlength - " + data.posts.length); data.posts.forEach(function(item) { var newsfeed = ''; newsfeed += '<div data-role="collapsible" data-theme="b">'; newsfeed += '<h6 style="font-style:italic,font-size:8pt;" <a href="#" onclick="place(' + item.custom_fields.tender_latitude + ',' + item.custom_fields.tender_longitude + ');"></a> <p>Tendor No: &nbsp<b>' + item.custom_fields.tender_no + ' </b></p> <p><b> ' + item.title + '</b></p></h6>'; newsfeed += '<p> Published Date: &nbsp' + item.date + '</p>'; newsfeed += '<p style="font-size:10pt;">' + ' ' + item.content + '</p>'; newsfeed += '<p style="font-size:8pt;">P' + item.custom_fields.tender_price + '</p>'; newsfeed += '<a href="#Purchase" class="ui-btn ui-corner-all" style="background-color:#C80000 ; width: 10em; height: 2em;">Purchase</a>'; newsfeed += '</div>'; $('#listoffeeds').append(newsfeed); $('#listoffeeds').collapsibleset('refresh'); console.log(" Tenders loaded"); }); }, error: function(data) { console.log("error: " + JSON.stringify(data)); } }); } $(function() { $("#listoffeeds").collapsibleset({ heightStyle: "content" }); $("#listoffeeds").collapsibleset({ collapsible: true }); $(window).load(function() { loadtenders(); }); });

 <div data-role="collapsible-set" style="font-size:8pt;" data-inset="false" id="listoffeeds" data-theme="b"></div>