网页在评论提交后动态更新评论区

最新推荐文章于 2023-09-17 21:20:04 发布

Tairan F

最新推荐文章于 2023-09-17 21:20:04 发布

阅读量1.3k

点赞数 3

本文链接：https://blog.youkuaiyun.com/QingtaiSensei/article/details/104987569

版权

这篇博客介绍了如何放弃传统的alert方式，改用jQuery AJAX实现评论提交后，网页评论区的动态更新。通过封装AJAX函数和PHP处理页面，实现了评论的异步提交和评论区内容的实时刷新。

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

之前都是用alert弹窗的方式来反馈操作，想想也太不优雅了，这次用jquery ajax方法来实现点击按钮后异步刷新部分网页内容，所以一定要先加载jquery。
效果如下：
演示效果
直接上代码：

<!--评论区 -->
<div class="col-md-12 column">
    <div>
        <!-- 编辑区 -->
        <?php $_SESSION['aid']=$aid; ?>
        <form role="form" id="cmtSubmit">
            <div class="form-group">
                <label for="name">编辑评论</label><small>（请先登录）</small>
                <textarea id="cmtText" type="text" name="cmtContent" class="form-control" rows="3" cols="6"
                    required></textarea>
            </div>
            <button type='button' id="submitButton" class="btn btn-default">提交</button>
        </form>
        <script>
        $("#submitButton").click(function() {
   
            if ( <?php echo $_SESSION['login'] ? 1 : 0; ?> ) {
    //若已登录允许提交
                var sendLoc = "/html/cmtSubmit.php";
                var formData = $("#cmtSubmit");
                var func = function(result) {
   
                    if (result === "提交成功") {
   
                        setTimeout(function() {