emlog评论成功后刷新页面并跳转到指定评论处

会飞的鱼 0 1531 2023年6月25日

在制作模板中，因为各种需求想自己获取表单当参数然后评论成功官方接口并没有提供json返回的数据，只能自己获取参数了，但是发现有个小问题，评论成功后不能取到最新的评论id所以自己想了个小办法，下面直接放上代码吧仅供参考。
首先表单需要添加一个idcommentform按钮需要添加一个idcomment_submit

<form method="post" action="<?= BLOG_URL ?>index.php?action=addcom" id="commentform" role="form">
    // ... 其他代码 ...
</form>
<button type="submit" id="comment_submit">发表评论</button>

接下来上js代码
提示：下面中id^='li-comment-']这个获取的是评论列表中id名为li-comment-后面当id，不懂看图

$("#comment_submit").click(function(event){
        event.preventDefault();
        doSubmitComment();
    });
    function doSubmitComment(){
        $.ajax({
            url: $("#commentform").attr('action'),
            type: 'post',
            data: $("#commentform").serialize(),
            cache: false,
            async:false,
            success: function(res){
                var pattern = /<div class="main">[\r\n]+<p>(.*?)<\/p>/;
                if(pattern.test(res)) {
                    res = res.match(pattern);
                    alert(res[1])
                }else{
                            alert(评论成功！)
                    setTimeout(function() {
                        var commentId = $(res).find("[id^='li-comment-']").attr("id");
                        if (commentId) {
                            commentId = commentId.split("-").pop();
                            window.location.href = window.location.href.split("#")[0] + "#" + commentId;
                            window.location.reload(true);
                        } else {
                            // 如果评论ID不存在，则只刷新页面
                            window.location.reload(true);
                        }
                    }, 2000);
                }
            },error: function(){
                btn.attr("disabled",false);
            }
        });
    };

本文由 @会飞的鱼于 2023-6-25 发布在会飞的鱼Blog，如无特别说明，本博文章均为原创，转载请保留出处。

emlog 评论

网友评论

暂无评论

会飞的鱼 V

一条会飞的鱼！

745 文章

7312 评论

1101 万阅读

9年博龄

最新文章

最新评论: 小妖精博客
5个月前 (2024-11-24)

还有最新下载地址吗

Emlog主题Media - V1.0.2 全新自媒体风格主题

鸿鹄小猿
5个月前 (2024-10-27)

感谢分享

FLY 1.4 开源美化V2极致版EMLOG主题

丢塔网
10个月前 (2024-06-04)

这个主题简介啊

Emlog主题Come - 20231105 v1.2

小磊
11个月前 (2024-05-30)

看看

FLY 1.4 开源美化V2极致版EMLOG主题

开箱挖掘机
11个月前 (2024-05-27)

大大请教一下fee主题现在还能下载吗？

emlog模板：fee主题商业版V2.1 功能介绍

标签

emlog评论成功后刷新页面并跳转到指定评论处

网友评论

会飞的鱼 V

Emlog主题Media - V1.0.2 全新自媒体风格主题

FLY 1.4 开源美化V2极致版EMLOG主题

Emlog主题Come - 20231105 v1.2

FLY 1.4 开源美化V2极致版EMLOG主题

emlog模板：fee主题商业版V2.1 功能介绍