Question

我从php文件输出json数据（我的输出示例）

{"news":[{"title":"title news example1","content":"blabla bla 1","img":"url"},
{"title":"title news example2","content":"blabla bla 2","img":"url2"},
{"title":"title news example3","content":"blabla bla 3","img":"url3"},
{"title":"title news example4","content":"blabla bla 4","img":"url4"}]}

如何使用jquery getjson或者使用每个数据来显示所有这些数据到div #news？

Answer 1

这将使用jQuery的append()方法将每篇文章的h2和p标记添加到#news div。显然，您可以根据需要自定义$.each回调。

更新未定义错误的原因是因为each()方法的回调缺少数组的索引作为第一个参数。我正确地更新了我的例子。

<script type="text/javascript">
  jQuery(function($){
    $.getJSON('uri/to/file.php', function(data) {
      $.each(data['news'], function(i, article){
        $('#news').append('<h2>' + article['title'] + '</h2><p>' + article['content'] + '</p>');
      });
    });
  });
</script>

Answer 2

我用这种方式解决了这个问题，把标题和内容的内容放在一个新的var中，我不知道为什么第一种方式不起作用，但这种方式完美无缺：）

Query(function($){
    $.getJSON('file.php', function(data) {
        $.each(data['news'], function(i,row){
        var titulli = row.title;
        var contenti = row.content;
    $('#news').append('<h2>' + title + '</h2><p>' + content + '</p>');


      });
    });
  });

试图用jquery获取json数据

2 个答案: