无需点击按钮的JS值存储函数失效，请求排查问题

我来帮你排查这个自动存储值的问题，结合你提供的代码和描述（直接访问adminsort.php正常），问题大概率出在前端请求的发送环节，下面是几个核心排查点和修复方案：

1. 函数定义位置与语法细节问题 #

首先检查你的updateremain函数是不是定义在页面加载顺序靠后的位置（比如input元素之后），如果是这样，当input触发onchange事件时，函数还没被浏览器解析，会直接报错"updateremain is not defined"。

另外，HTML里的onchange属性不需要加javascript:前缀，而且如果$rowc是字符串类型（比如分类名称），PHP输出时必须加引号，否则会被当成JS变量导致语法错误。

修复后的HTML代码：

<input type="text" name="pr" value="<?php echo $rowi; ?>" size="6" onchange="updateremain(this.value, '<?php echo $rowc; ?>');" >

建议把JS函数放在页面的<head>标签里，或者input元素之前，确保浏览器先解析函数：

// 放在<head>里或者页面最顶部
function updateremain(remain, id) {
  // 后续逻辑写在这里
}

2. 同步XMLHttpRequest的限制问题 #

你代码里用了同步请求（open方法第三个参数是false），现在主流浏览器对主线程的同步XHR有严格限制，甚至直接禁止，这会导致请求无法正常发送。必须改成异步请求，并通过onreadystatechange监听请求状态。

3. 参数未编码导致的请求异常 #

如果remain或id包含特殊字符（比如空格、中文、&等），直接拼到URL里会破坏请求格式，导致后端无法正确接收参数。需要用encodeURIComponent对参数进行URL编码。

完整修复后的代码 #

结合上面的点，最终的代码应该是这样：

HTML部分 #

<input type="text" name="pr" value="<?php echo $rowi; ?>" size="6" onchange="updateremain(this.value, '<?php echo $rowc; ?>');" >

JavaScript部分 #

function updateremain(remain, id) {
  // 对参数进行URL编码，避免特殊字符干扰
  const encodedRemain = encodeURIComponent(remain);
  const encodedId = encodeURIComponent(id);

  const xmlhttp = new XMLHttpRequest();
  // 改用异步请求（第三个参数为true）
  xmlhttp.open("GET", `adminsort.php?prid=${encodedRemain}&catname=${encodedId}`, true);

  // 监听请求状态变化，处理结果
  xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState === 4) {
      if (xmlhttp.status === 200) {
        // 请求成功，可以在这里添加调试日志或后续处理
        console.log("存储成功，后端返回：", xmlhttp.responseText);
      } else {
        // 请求失败，打印错误信息方便排查
        console.error("存储失败，状态码：", xmlhttp.status);
      }
    }
  };

  xmlhttp.send(null);
}

额外调试技巧 #

打开浏览器开发者工具（按F12），切换到Console面板，查看有没有报错信息；再切换到Network面板，查看adminsort.php的请求详情：

• 看请求的URL是否正确，参数是否和预期一致
• 看响应状态码和返回内容，确认后端是否正确处理了请求

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