本文详解为何 wordpress 中通过 ajax 提交的数据库更新在浏览器刷新后“消失”，并提供完整解决方案：修正 php 逻辑漏洞、确保元数据持久化、避免重复覆盖，并补充前端表单重置策略。
问题本质并非“数据被删除”，而是数据库更新逻辑存在条件竞争与执行错位：当前 PHP 函数 hide_this_by_id() 在每次 Ajax 请求中都无条件执行 $wpdb->update()，但后续的 get_user_meta('hidden-info') 判断和 empty($alredyclick3) 分支仅用于设置 $userlvlMeta2，并未真正控制数据库写入——这意味着：
✅ 表单提交时，this_user 和 this_id 字段被写入会员表；
❌ 但刷新页面后，若前端未主动加载最新值（如未在页面初始化时读取数据库），用户会误以为“数据丢失”；
⚠️ 更严重的是，$insertdisUr 和 $insertdisId 变量仅声明未执行（缺少 ; 后的调用），且其赋值逻辑被包裹在 if (empty(...) && $postdVlaue2 == 1) 内，而该条件在首次提交后即失效（因 hidden-info 已设为 1），导致后续刷新或重复请求无法更新字段。
✅ 正确做法：分离「状态标记」与「数据写入」
应将「是否已隐藏」的状态存储在 user_meta（可靠、可独立查询），而数据库表字段更新必须无条件执行（只要权限合法），而非依赖元数据为空才写入：
function hide_this_by_id() {
global $wpdb;
$wpdbPrefix = $wpdb->prefix . 'swpm_members_tbl';
// 验证权限与参数
if (!is_user_logged_in()) {
wp_die('Unauthorized', '', ['response' => 403]);
}
$member_id = SwpmMemberUtils::get_logged_in_members_id();
$this_user = sanitize_text_field($_POST['thisuser'] ?? '');
$this_num = sanitize_text_field($_POST['thisnum'] ?? '');
$hidebtn2 = intval($_POST['hidebtn2'] ?? 0);
// ✅ 强制更新数据库字段（无论 meta 是否存在）
$wpdb->update(
$wpdbPrefix,
['this_user' => $this_user, 'this_id' => $this_num],
['member_id' => $member_id]
);
// ✅ 设置或更新 user_meta 标记（幂等操作）
update_user_meta($member_id, 'hidden-info', 1);
// ✅ 返回结构化响应（修复原代码中未定义的 $this_hide2）
$return = [
'hIdethis2' => 1, // 表示已处理
'userlvlMeta2' => 1,
'userlvlNolog' => 0,
'timestamp' => current_time('mysql')
];
wp_send_json($return); // 替代 echo + die，更安全
}⚠️ 前端关键补丁：避免重复提交 & 清理表单
原 jQuery 中 doAjaxRequest4() 被 wpcf7submit 触发，但 Contact Form 7 默认会刷新/跳转（除非禁用）。需确保：
- 阻止默认提交行为（若手动绑定）；
- 提交成功后重置表单，防止用户重复点击导致冗余请求；
- 增加防抖与状态反馈：
function doAjaxRequest4(hidebtn2, getthisInfo, getthisInfo2) {
// 禁用按钮防重复提交
const submitBtn = $('#this_submtID');
submitBtn.prop('disabled', true).val('Submitting...');
$.ajax({
url: ajax_sib_front_object.ajax_url,
type: 'POST',
data: {
action: 'hide_this',
thisuser: getthisInfo,
thisnum: getthisInfo2,
hidebtn2: hidebtn2
},
dataType: 'json',
timeout: 10000,
success: function(data) {
console.log('Ajax success:', data);
// ✅ 页面级反馈（如添加 class）
$('#this_col_1').addClass('enable_this');
// ✅ 重置表单（关键！）
const form = $('#this_verf_form');
if (form.length) {
form[0].reset(); // 原生 reset() 最可靠
}
},
error: function(xhr, status, err) {
console.error('Ajax failed:', status, err);
alert('Save failed. Please try again.');
},
complete: function() {
submitBtn.prop('disabled', false).val('Submitted');
}
});
}? 页面初始化：确保刷新后显示最新状态
在页面加载时（非仅 Ajax 响应中），应主动读取数据库值并渲染 UI：
// 在主题 functions.php 或插件中，输出初始状态到 JS 对象
add_action('wp_footer', function() {
if (is_user_logged_in()) {
$member_id = SwpmMemberUtils::get_logged_in_members_id();
$hidden_info = get_user_meta($member_id, 'hidden-info', true);
$user_data = $wpdb->get_row($wpdb->prepare(
"SELECT this_user, this_id FROM {$wpdb->prefix}swpm_members_tbl WHERE member_id = %d",
$member_id
));
?>
然后在前端 JS 中根据 window.initialHiddenState 初始化 DOM 类名或输入框值。
✅ 总结：三大核心原则
- 数据库写入不依赖条件判断：只要请求合法，就应持久化数据；
- 元数据（user_meta）仅作状态标记：用 update_user_meta() 保证原子性；
- 前后端状态同步：页面加载时拉取最新值，提交后重置表单并反馈，杜绝“假丢失”。
遵循以上逻辑，即可彻底解决刷新后数据“消失”的错觉，实现真正可靠的持久化交互。
