URL上的getJSON本地JSON数据

时间:2012-08-12 17:18:16

标签: javascript jquery json jquery-mobile

我正在使用这个脚本读取一些内部json数据。

数据目前位于实际页面中。

我需要更改代码才能使用getJSON吗?这样它就可以从外部页面/ URL中读取json

以下是当前的完整代码:

<script>

var data = [{"id": "1","title": "mytitle"}];

  var output = '';

 $.each(data, function(index, value){
        output += '<li data-icon="false"><a href="#">' + value.title + '</a></li>';
    });


    $('#listview').append(output).listview('refresh');

</script>

如何更改代码以便我可以使用外部json代码而不是以这种方式添加getJSON?

1 个答案:

答案 0 :(得分:2)

$.getJSON('url_to_script', function(data) {
  var output = '';
  $.each(data, function(index, value){
    output += '<li data-icon="false"><a href="#">' + value.title + '</a></li>';
  });
  $('#listview').append(output).listview('refresh');
});

但是,如果您尝试从不同的域获取数据,那么您需要以下内容:

$.getJSON("url_to_script?jsoncallback=?",, function(data) {
  var output = '';
  $.each(data, function(index, value){
    output += '<li data-icon="false"><a href="#">' + value.title + '</a></li>';
  });
  $('#listview').append(output).listview('refresh');
});

详细了解 .getJSON()