Ajax请求

最新推荐文章于 2025-06-14 20:41:11 发布

原创最新推荐文章于 2025-06-14 20:41:11 发布 · 268 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#ajax

收录于

js 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用Ajax技术实现的动态加载评论系统。通过发送GET请求到服务器端获取JSON格式的评论数据，并利用jQuery库来解析这些数据并更新页面上的显示内容。此系统能够根据用户的操作实时地展示新的评论。

Ajax请求

$(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);
                      }
         });
    });
});