本文详解为何 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 )); ?> php } });然后在前端 JS 中根据 window.initialHiddenState 初始化 dom 类名或输入框值。
✅ 总结：三大核心原则
- 数据库写入不依赖条件判断：只要请求合法，就应持久化数据；
- 元数据（user_meta）仅作状态标记：用 update_user_meta() 保证原子性；
- 前后端状态同步：页面加载时拉取最新值，提交后重置表单并反馈，杜绝“假丢失”。
遵循以上逻辑，即可彻底解决刷新后数据“消失”的错觉，实现真正可靠的持久化交互。