Question

我有这个适用于我的代码：

        $('#demo').live('pagecreate', function(event) {
            var data, template, html;

            data = {
"sver": [{"title":"Buffet Stagaljxxs" , "url_titler":"buffet-stagalj" },{"title":"Restoran Vrske" , "url_titler":"restoran-vrske" }]
};

            template = '<ul data-role="listview" data-divider-theme="b" data-inset="false">{{#sver}}<li data-theme="b"><a href="#{{url_titler}}" data-transition="slide"><h3>{{title}}</h3><p>Opis: {{title}}</p></a></li>{{/sver}}</ul>';
            html = Mustache.to_html(template, data);

            $('#content').html(html);
        });

现在我需要使用getJSON远程json，而不是像我的例子中的原始json。我无法让它发挥作用。 Access-Control-Allow-Origin不是问题。

这是remote json address

由于

Answer 1

使用Ajax调用数据（如下面的函数）

<script>
function getJSONData(url)
{
    var data = null;
    var request = window.XMLHttpRequest ? new XMLHttpRequest() : (window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : null);

    if (null != request)
    {
        request.open('GET', url, false);
        request.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
        request.send(data);

        //Parse returned JSON string.
        data = JSON.parse(request.responseText);
    }

     return data;
}

$('#demo').live('pagecreate', function(event) {
    var data, template, html;

    data = getJSONData('http://wmd.hr/mobile-rss/jason/');

    template = '<ul data-role="listview" data-divider-theme="b" data-inset="false">{{#sver}}<li data-theme="b"><a href="#{{url_titler}}" data-transition="slide"><h3>{{title}}</h3><p>Opis: {{title}}</p></a></li>{{/sver}}</ul>';
    html = Mustache.to_html(template, data);

    $('#content').html(html);
});
</script>

从原始数据切换到getJSON

1 个答案: