【JavaScript&jQuery】$.ajax()

最新推荐文章于 2025-08-11 19:52:03 发布

转载最新推荐文章于 2025-08-11 19:52:03 发布 · 46 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dflmg/p/6385283.html

文章标签：

#javascript #json #ViewUI

本文介绍了一种使用jQuery实现从JSON文件中获取并显示评论的方法。通过GET请求获取数据，并利用jQuery遍历返回的评论信息，将其格式化并展示在网页上。

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

$(function(){  
    $('#send').click(function(){  
         $.ajax({  
             type: "GET",  
             url: "test.json",  
             data: {username:$("#username").val(), content:$("#content").val()},  
             dataType: "json",  
             success: function(data){  
                         $('#resText').empty();   //清空resText里面的所有内容  
                         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);  
                      }  
         });  
    });  
});