WordPress使用Ajax提交评论

1,384次阅读
6 条评论

共计 655 个字符,预计需要花费 2 分钟才能阅读完成。

提醒:本文最后更新于2024-04-06 17:33,文中所关联的信息可能已发生改变,请知悉!

适用版本:4.4+

原理:提交局部更新的要求,server 端更新 dom 结构,返回给 js,js 修改 dom.

注:目前代码属于测试阶段–调试主题:CorePress-Pro,还有bug需要调试,线上部署时,务必先进行调试,其它主题使用时需要按照文件内的提示修改为主题对应的字符

文件构成:comments-ajax.js + comments-ajax.php

调用js文件

if (!is_admin()) {
    function zfunc_scripts_method() {
        wp_enqueue_script('jquery');
        if (is_singular()) {
            wp_enqueue_script('comments_ajax_js', (get_template_directory_uri()."/comments-ajax.js"), false, '1.3', true);
        }
    }
    add_action('wp_enqueue_scripts', 'zfunc_scripts_method');
}

这里是直接写到function里,也可以使用script直接引用文件,原理一样

文件修改

1.comments-ajax.js

Wordpress使用Ajax提交评论

按照文件内的提示修改即可

2.comments-ajax.php

主要修改文件尾部的评论结构

Wordpress使用Ajax提交评论

修改成你当前主题对应的结构

文件下载:https://pan.baidu.com/s/1YbK2qCvUIOzrB9wdWOiU1g?pwd=wqtf  提取码: wqtf

注意事项

后面想起来再补充

正文完
 
World
版权声明:本站原创文章,由 World 2023-03-06发表,共计655字。
转载说明:此文章非本站原创文章,若需转载请联系原作者获得转载授权。
评论(6 条评论)
Kevin 评论达人 LV.1
2024-03-28 17:29:11 回复

文件已经丢失了~~

 Windows  Chrome  匈牙利Budapest
Kevin 评论达人 LV.1
2024-03-28 17:28:41 回复

我试一下效果哈哈哈

 Windows  Chrome  匈牙利Budapest
软件鸭 评论达人 LV.1
2023-03-06 19:02:56 回复

来看大佬

 Windows  Chrome  中国贵州省黔东南电信
    World 博主
    2023-03-06 19:52:53 回复

    @软件鸭 还在调试,有一些bug

     Macintosh  Chrome  美国俄亥俄辛辛那提
鱼大大 评论达人 LV.1
2023-03-06 14:54:54 回复

好的我试试

 Windows  Edge  中国云南省昆明市电信