json - 从原始数据切换到 getJSON

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。我无法让它工作。访问控制允许来源不是问题。

这是远程json地址

谢谢

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>