用javascript实现无刷新评论

最新推荐文章于 2025-08-14 17:31:00 发布

suhangkeji

最新推荐文章于 2025-08-14 17:31:00 发布

阅读量393

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript dom jquery 文章标签： javascript function xhtml jquery button table

本文链接：https://blog.youkuaiyun.com/suhangkeji/article/details/6822663

javascript dom jquery 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个简单的网页实现，通过无刷新操作，用户可以方便地在网页上进行评论并实时查看结果，无需页面重新加载。

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="../jquery-1.6.3.js" type="text/javascript"></script>//引入jquery封装库
    <script type="text/javascript">
        $(function () {
            $("#submit").click(function () {
                var title = $("#title").val();
                var txtBody = $("#txtBody").val();
                var tr = $("<tr><td>" + title + "</td><td>" + txtBody + "</td></tr>");
                $("#table1").append(tr);
                $("#title").val("");//提交后要清空上次的用户名和评论
                $("#txtBody").val("");
            });
        });
    </script>
</head>
<body>
<p>这是我的第一个帖子，哈哈！哈</p>
<table id="table1"><tr><td>匿名</td><td>沙发</td></tr></table>
<input type="text" id="title" /><br />
<textarea id="txtBody"></textarea><br />
<input type="button" id="submit" value="发表评论"/>
</body>
</html>