Jquery Ajax模版

最新推荐文章于 2025-08-15 22:56:20 发布

转载最新推荐文章于 2025-08-15 22:56:20 发布 · 96 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/whoamme/p/10684537.html

文章标签：

#json #javascript #ViewUI

本文介绍了一种使用Ajax技术动态加载JSON数据的方法，并通过一个具体示例展示了如何将获取到的数据转换为HTML格式并显示在网页上。该方法适用于需要实时更新数据的Web应用程序。

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

$.ajax({
    type: "GET",
    url: "test.json",
    data: {username:'tt', content:'tt'},
    dataType: "json",
    success: function(data){                
             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);
          }
});