从WordPress检索数据并加载到PhoneGap中的应用程序中

Question

我一直在我的第一个应用程序中工作，但我无法从我的博客加载内容，我访问了大量教程并实现了其他人的代码，但什么都没有。有人可以帮我一把吗？

这是代码的一部分：

JavaScript：

<script>
        $( document).ready(function (){
            $.ajax({
                type: "GET",
                url: "http://ultravoz.org/api/get_recent_posts/",
                dataType: 'json',
                error: function(){
                    alert( 'Unable to load feed, Incorrect path or invalid feed' );
                },
                success: function(data ){             
                    var html = '<ul data-role="listview" data-filter="true">' ;
                    for (var i = 0 ; i < 10 ; i++) {
                        html += '<li>';
                        html += '<div class="entry">' + the_title() + '</div>' ;
                        html += '</li>';
                    }
                    html += '</ul>';
                    $( "#postlist" ).append(html);
                    $( "#postlist ul[data-role=listview]" ).listview();
                }});
            }); 
    </script>

和 html：

<div id="blog" data-role="page">
        <div data-role="header" class="sys_hd" data-position="fixed" data-id="sys_header" >
            <h1>Sysads Posts</h1>
        </div><!-- header -->
        <div data-theme="c" data-role="content" id="postlist"> 
        </div><!-- content -->
        <div data-role="footer" data-position="fixed" data-id="sys_footer" >
                    <div data-role="navbar" >
                <ul>
                    <li><a href="#blog" class="sys_ft">Home</a></li>
                    <li><a href="#blog" class="sys_ft">Disclaimer</a></li>
                </ul>
            </div><!-- navbar --> 
        </div><!-- footer --> 
    </div><!-- page -->

拜托，我一直花了很多时间寻找解决方案，但什么都没有，并且知道我不擅长编程，但我正在努力提供最好的。

问候

Answer 1

您需要添加：

    <access origin="*" />

到您的配置.xml文件中，以便 PhoneGap 能够完成此请求。

为了让它在网络中工作，我做了这个：

<script>
    $( document).ready(function (){
        $.ajax({
            type: "GET",
            url: "http://ultravoz.org/api/get_recent_posts/",
            dataType: 'jsonp',
            error: function(){
                alert( 'Unable to load feed, Incorrect path or invalid feed' );
            },
            success: function(data ){
                var html = '<ul data-role="listview" data-filter="true">' ;
                for (var i = 0 ; i < 10 ; i++) {
                    html += '<li>';
                    html += '<div class="entry">' + data.posts[i].title+ '</div>' ;
                    html += '</li>';
                }
                html += '</ul>';
                $( "#postlist" ).append(html);
                $( "#postlist ul[data-role=listview]" ).listview();
            }});
    });
</script>

您需要对跨域请求使用"jsonp"。我还更新了您拥有"the_title（）"的位置，这是一个wordpress函数，仅适用于实际的wordpress页面。