从wordpress检索数据并加载到phonegap中的app

时间:2013-12-20 13:20:38

标签: javascript json wordpress cordova

我一直在我的第一个应用程序工作,但我无法从我的博客加载内容,我看到了教程的失败,并实现了其他人的代码,但没有。 是否有人可以伸出援助之手?

这是代码的一部分:

的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 -->

拜托,我一直在花费大量时间寻找解决方案,但没有什么,并且知道我不擅长编程,但我正努力工作以尽我所能。

问候

1 个答案:

答案 0 :(得分:0)

您需要添加:

    <access origin="*" />

到您的config.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页面上工作。