jquery ajax 使用

最新推荐文章于 2025-08-17 06:11:49 发布

changhong_sd

最新推荐文章于 2025-08-17 06:11:49 发布

阅读量408

点赞数

分类专栏：应用软件文章标签： ajax jquery

应用软件专栏收录该内容

16 篇文章

订阅专栏

本文介绍如何使用Ajax技术实现网页上的评论功能，通过GET请求从服务器获取评论数据，并动态更新页面显示最新的评论内容。

摘要生成于 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);

                      }

         });

    });

});