WordPress：如何保存前端用户资料表单的提交内容？

嘿，别着急！我看了你的代码，问题核心是你只做了表单的前端展示，但没写处理表单提交的PHP逻辑——表单数据发出去了，总得有代码接住并保存到用户元数据里对吧？咱们一步步来解决：

1. 补上表单提交的PHP处理逻辑 #

把这段代码放在你的my-account-mesinterets.php文件最开头，它会负责接收表单数据、验证安全信息、更新用户兴趣：

<?php
// 处理表单提交请求
if (isset($_POST['updateuser']) && $_POST['action'] === 'update-user') {
    // 验证WordPress安全nonce，防止CSRF攻击
    if (!wp_verify_nonce($_POST['_wpnonce'], 'update-user')) {
        wp_die('安全验证失败，请重试。');
    }

    // 获取当前登录用户的ID（这里不要用$post->post_author，因为是用户更新自己的信息）
    $current_user_id = get_current_user_id();
    if (!$current_user_id) {
        wp_die('请先登录后再修改兴趣！');
    }

    // 处理提交的兴趣数组：过滤数据确保安全，没有选中则设为空数组
    $user_interests = isset($_POST['MyInterests']) 
        ? array_map('sanitize_text_field', $_POST['MyInterests']) 
        : [];

    // 更新用户元数据
    update_user_meta($current_user_id, 'MyInterests', $user_interests);

    // 重定向回当前页面（避免重复提交表单）并添加成功提示
    wp_redirect(add_query_arg('interest-updated', 'true', wc_get_account_endpoint_url('mesinterets')));
    exit;
}

// 显示成功提示（如果有重定向参数）
if (isset($_GET['interest-updated']) && $_GET['interest-updated'] === 'true') {
    echo '<div class="notice notice-success is-dismissible"><p>你的兴趣已成功更新！</p></div>';
}
?>

这里要注意：你之前用$post->post_author是错误的，因为这是用户自己的账户页面，应该获取当前登录用户的ID，而不是文章作者的ID。

2. 修复表单的action属性 #

原来的表单action用了the_permalink()，在WooCommerce自定义端点里可能会跳转错误，改成WooCommerce官方的端点URL函数更可靠：

<form method="post" id="adduser" action="<?php echo esc_url( wc_get_account_endpoint_url('mesinterets') ); ?>">

3. （可选）用Ajax实现无刷新提交（提升用户体验） #

如果不想让页面刷新，可以添加一段jQuery代码实现异步提交，把这段代码放在你的主题functions.php里（或者用自定义插件加载）：

// 加载Ajax脚本
function enqueue_interest_form_ajax_script() {
    if (is_account_page() && isset($_GET['mesinterets'])) {
        wp_enqueue_script('interest-form-ajax', get_template_directory_uri() . '/js/interest-form-ajax.js', array('jquery'), '1.0', true);
        // 传递Ajax URL给前端
        wp_localize_script('interest-form-ajax', 'interestAjax', array(
            'ajaxurl' => wc_get_account_endpoint_url('mesinterets')
        ));
    }
}
add_action('wp_enqueue_scripts', 'enqueue_interest_form_ajax_script');

然后在主题的js文件夹里创建interest-form-ajax.js文件，内容如下：

jQuery(document).ready(function($) {
    $('#adduser').on('submit', function(e) {
        e.preventDefault(); // 阻止默认表单提交
        var $form = $(this);
        var formData = $form.serialize();

        $.ajax({
            url: interestAjax.ajaxurl,
            type: 'POST',
            data: formData,
            success: function() {
                // 显示成功提示
                $form.after('<div class="notice notice-success is-dismissible"><p>你的兴趣已成功更新！</p></div>');
                // 3秒后自动隐藏提示
                setTimeout(function() {
                    $('.notice-success').fadeOut();
                }, 3000);
            },
            error: function() {
                $form.after('<div class="notice notice-error is-dismissible"><p>更新失败，请重试！</p></div>');
            }
        });
    });
});

额外注意点 #

• 始终对用户提交的数据进行安全过滤（比如用sanitize_text_field），防止XSS攻击
• 用wp_redirect重定向页面，遵循PRG（Post/Redirect/Get）模式，避免用户刷新页面重复提交表单
• 确保当前用户有修改自己资料的权限（默认登录用户都具备这个权限）

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