WordPress中HTML表单提交时自动递增交易单号的实现问题及MySQL+AJAX报错求助

我来帮你一步步解决这个问题，先从你最初想要的非数据库简单方案说起，再搞定你现在遇到的MySQL+PHP+AJAX的错误~

一、不用数据库的简单实现方案（适合不想碰MySQL的情况） #

你之前用JS本地变量的问题在于：页面刷新/关闭后，变量会被重置，所以每次提交都回到30201。想要持久化存储，有两种简单方式：

1. 客户端本地存储（适合单用户/临时场景） #

用浏览器的localStorage来保存递增数值，它会存在用户的浏览器里，除非手动清除缓存，否则不会丢失：

// 初始化时优先从localStorage读取，没有的话设为30200
let i = parseInt(localStorage.getItem('transNum')) || 30200;

function buttonClick() {
  i++;
  document.getElementById('transNum').value = i;
  // 更新localStorage里的数值，确保下次打开还能读到最新值
  localStorage.setItem('transNum', i);
}

⚠️ 注意：这个方案是单用户本地存储，不同用户之间的交易号是独立的，不适合多用户共享递增号的场景。

2. 服务器端文件存储（适合多用户共享场景） #

如果需要所有用户提交时共用一个递增号，用PHP读写一个简单的文本文件就行，比MySQL简单太多：

• 第一步：在服务器上创建一个trans_number.txt文件，初始内容写入30200
• 第二步：创建get_trans_num.php文件，负责读取、递增、写入数值：

<?php
// 定义存储文件的路径（确保服务器有读写权限）
$file = 'trans_number.txt';

// 读取当前数值
$current_num = (int)file_get_contents($file);
// 递增数值
$current_num++;
// 把新数值写回文件
file_put_contents($file, $current_num);
// 返回新的交易号给前端
echo $current_num;
?>

• 第三步：修改JS代码，通过AJAX调用这个PHP获取最新交易号：

function buttonClick() {
  fetch('get_trans_num.php')
    .then(response => response.text())
    .then(num => {
      document.getElementById('transNum').value = num;
      // 这里可以继续执行表单提交逻辑
    })
    .catch(error => console.error('获取交易号失败:', error));
}

二、解决你当前MySQL+PHP+AJAX的错误 #

你现在遇到的$results is not defined错误，以及代码里的其他问题，我帮你逐一修正：

问题分析 #

1. $wpdb是WordPress专属变量：如果你不是在WordPress项目里使用，这个变量根本不存在，会导致PHP报错，前端拿不到正确的返回值。
2. AJAX参数错误：data : {$results}里的$results是PHP的变量，JS环境里没有这个变量，所以会报错未定义。而且你这个场景不需要传参数，只需要获取数值。
3. PHP代码只查询未更新：你的代码只是读取了数据库里的初始值，但没有递增并更新，所以数值永远不会变。

修正后的代码 #

1. 普通PHP环境的数据库操作代码（reference.php）

假设你用的是普通PHP环境，用PDO连接数据库（比mysqli更简洁）：

<?php
// 替换成你的数据库连接信息
$host = 'localhost';
$dbname = '你的数据库名称';
$username = '你的数据库用户名';
$password = '你的数据库密码';

try {
  // 连接数据库
  $pdo = new PDO("mysql:host=$host;dbname=$dbname;charset=utf8", $username, $password);
  $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

  // 第一步：获取当前的refNumber
  $stmt = $pdo->prepare("SELECT refNumber FROM refNum LIMIT 1");
  $stmt->execute();
  $current_num = $stmt->fetchColumn();

  // 第二步：递增数值并更新回数据库
  $new_num = $current_num + 1;
  $update_stmt = $pdo->prepare("UPDATE refNum SET refNumber = ? LIMIT 1");
  $update_stmt->execute([$new_num]);

  // 返回新的交易号给前端
  echo $new_num;
} catch(PDOException $e) {
  // 捕获错误并返回给前端
  echo "数据库错误: " . $e->getMessage();
}
?>

2. 修正后的AJAX代码（用jQuery）

function getTransNumber(){
  $.ajax({
    url: '/reference.php',
    method: 'GET', // 只需要获取数值，用GET即可
    success: function(response) {
      // 把返回的交易号赋值给输入框
      document.getElementById('invoiceNum').value = response;
    },
    error: function(xhr, status, error) {
      console.error('获取交易号失败:', error);
    }
  });
}
window.onload = getTransNumber;

如果用原生JS的fetch，代码是这样的：

function getTransNumber(){
  fetch('/reference.php')
    .then(response => response.text())
    .then(num => {
      document.getElementById('invoiceNum').value = num;
    })
    .catch(error => console.error('获取交易号失败:', error));
}
window.onload = getTransNumber;

总结 #

• 如果只是临时用、或者单用户场景，localStorage方案最省心；
• 如果需要多用户共享递增号，且不想碰数据库，PHP读写txt文件的方案最适合你；
• 如果一定要用MySQL，就按照上面修正后的代码来，注意替换正确的数据库连接信息，确保服务器有数据库读写权限。

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