jquery ajax（4）.getjson（）

最新推荐文章于 2025-08-09 20:51:19 发布

weixin_30849403

最新推荐文章于 2025-08-09 20:51:19 发布

阅读量47

点赞数

CC 4.0 BY-SA版权

文章标签： javascript json ViewUI

原文链接：http://www.cnblogs.com/timelesszhuang/p/3679920.html

本文介绍了一种使用jQuery的getJSON方法来动态加载并显示JSON文件中评论数据的方法。通过点击按钮触发请求，获取本地JSON文件内容，并利用each循环将每条评论以特定格式展示在网页上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 .getJSON()实例  .each()实例

  $(function(){
        $('#send').click(function() {
             $.getJSON('test.json', function(data) {
                 $('#resText').empty();
                  var html = '';
                  $.each( data  , function(commentIndex, comment) {
                      html += '<div class="comment"><h6>' + comment['username'] + ':</h6><p class="para">' + comment['content'] + '</p></div>';
                  })
                 $('#resText').html(html);
            })
       })
   })

test.json 内容

[
  {
    "username": "张三",
    "content": "沙发."
  },
  {
    "username": "李四",
    "content": "板凳."
  },
  {
    "username": "王五",
    "content": "地板."
  }
]