如何在WordPress中实现提交评论时页面URL不发生变更

WordPress默认评论表单采用同步提交逻辑，提交后会自动重定向到带评论锚点、待审核参数的地址，要避免URL变更可以采用以下两种方案：

方案1：使用Ajax评论插件 #

直接在WordPress后台插件市场搜索Ajax评论类插件，安装启用后即可替换默认的同步提交逻辑，实现无刷新提交评论，全程不会触发页面跳转，自然不会修改当前页面URL。

方案2：手动修改代码实现 #

方式A：修改评论提交重定向规则 #

如果不需要完全无刷新提交，只是希望提交后回到原文章的原始URL，可以在当前主题的functions.php文件中添加以下代码，覆盖默认的重定向逻辑：

add_filter('comment_post_redirect', function($location, $comment) {
    // 直接返回无参数、无锚点的原始文章链接
    return get_permalink($comment->comment_post_ID);
}, 10, 2);

添加后评论提交完成后会自动跳转回文章原始地址，不会出现待审核参数、评论锚点等后缀。

方式B：完全无刷新Ajax提交（适合有开发能力的用户） #

• 首先在主题functions.php中添加Ajax评论处理逻辑：

// 注册Ajax处理钩子，支持登录用户和游客提交
add_action('wp_ajax_nopriv_custom_ajax_comment', 'custom_ajax_comment_handler');
add_action('wp_ajax_custom_ajax_comment', 'custom_ajax_comment_handler');
function custom_ajax_comment_handler() {
    // 安全校验
    if (!isset($_POST['comment_nonce']) || !wp_verify_nonce($_POST['comment_nonce'], 'custom_comment_nonce')) {
        wp_send_json_error('安全校验失败，请刷新页面重试');
    }
    // 组装并校验评论参数
    $comment_args = [
        'comment_post_ID' => absint($_POST['post_id']),
        'comment_author' => sanitize_text_field($_POST['author']),
        'comment_author_email' => sanitize_email($_POST['email']),
        'comment_content' => sanitize_textarea_field($_POST['comment_content']),
        'comment_approved' => get_option('comment_moderation') ? 0 : 1,
    ];
    $comment_id = wp_insert_comment($comment_args);
    if ($comment_id) {
        $msg = get_option('comment_moderation') ? '评论提交成功，待管理员审核后显示' : '评论提交成功';
        wp_send_json_success($msg);
    }
    wp_send_json_error('评论提交失败，请检查填写内容后重试');
    wp_die();
}

• 然后在主题评论模板中添加JS逻辑，替换默认表单提交行为：

document.querySelector('#commentform').addEventListener('submit', function(e) {
    // 阻止默认同步提交跳转行为
    e.preventDefault();
    // 收集表单数据，发送Ajax请求
    const formData = new FormData(this);
    formData.append('action', 'custom_ajax_comment');
    formData.append('comment_nonce', '提前生成的nonce校验值');
    formData.append('post_id', '当前文章的ID');

    fetch(wpAjax.ajaxurl, {
        method: 'POST',
        body: formData
    }).then(res => res.json()).then(res => {
        // 根据返回结果在页面内提示用户，无需跳转
        alert(res.data);
        if (res.success) {
            this.reset();
        }
    })
})

配置完成后评论提交全程在当前页面完成，不会触发任何URL变更。

内容的提问来源于stack exchange，提问作者Evgeniy Shapovalov