表格中基于JSON的删除函数报错，请求问题排查

嘿，我帮你梳理下这个删除函数的问题，几个关键细节没处理到位导致它无法正常运行：

存在的核心问题 #

• 未初始化请求对象：代码里直接用了xhttp，但没创建XMLHttpRequest实例，浏览器会直接报错xhttp is not defined
• confirm判断逻辑错误：confirm()返回的是布尔值true/false，不是数字1，应该直接用if (confirm('...'))来判断
• 逻辑与符号错误：代码里的&&是HTML转义后的字符，实际JS代码里要写原生的&&
• 缺少请求发送步骤：只定义了回调函数，但没调用xhttp.open()和xhttp.send()发起请求
• 未使用传入的参数：函数接收了str参数，但没把它作为删除标识传给后端
• 代码不完整：提供的片段没有闭合函数和条件语句的大括号

修正后的完整函数示例 #

function Delete(str) {
  // 确认删除操作，直接用confirm的布尔返回值判断
  if (confirm('Are you sure you want to delete this information?')) {
    // 初始化XMLHttpRequest对象，兼容新旧浏览器
    let xhttp;
    if (window.XMLHttpRequest) {
      xhttp = new XMLHttpRequest();
    } else {
      // 兼容IE6/7旧版本
      xhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

    xhttp.onreadystatechange = function() {
      // 使用正确的逻辑与符号 &&
      if (xhttp.readyState === 4 && xhttp.status === 200) {
        // 去除响应文本的空格，避免后端返回带空格的结果导致判断失败
        const response = xhttp.responseText.trim();
        if (response === "1") {
          alert('The selected information has been deleted successfully');
        } else {
          alert('Error: Failed to delete information');
        }
      }
    };

    // 假设str是要删除数据的ID，这里用GET请求示例，可根据后端接口调整为POST
    xhttp.open("GET", `delete.php?id=${str}`, true);
    // 如果用POST请求，替换成下面的代码：
    // xhttp.open("POST", "delete.php", true);
    // xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    // xhttp.send(`id=${str}`);
    
    xhttp.send();
  }
}

关键修复说明 #

• 新增了请求对象的初始化逻辑，兼容不同浏览器
• 修正了confirm的判断方式，符合JS的布尔值逻辑
• 替换了错误的逻辑与符号，保证条件判断正常生效
• 添加了请求发送的核心代码，把str参数传递给后端（比如作为删除数据的ID）
• 优化了响应文本的处理，避免空格干扰判断
• 调整了提示语的语法，使其更通顺自然

内容的提问来源于stack exchange，提问作者Zinv Nosyaj Sodper