javascript - 发送函数通过ajax将数据发送到php文件

Question

我正在尝试通过ajax将数据发送到database.php文件。我的索引文件有一个表单，它将收集 4 位输入，然后发送到 js 函数，该函数将数据发送到我的数据库文件。目前 Db 文件正在被调用，因为我在控制台中得到了结果，但 4 位数字 key 没有被发送。我预计我的 ajax 脚本出了问题。

请帮忙

function addCode(key) {
  var code = document.forms[0].code;
  if (code.value.length < 4) {
    code.value = code.value + key;
  }
  if (code.value.length == 4) {
    document.getElementById("message").style.display = "block";
    setTimeout(alarm, 1000, code.value);
  }
}

function alarm(code) {
  $.ajax({
    method: "POST",
    url: "alarm.php",
    data: code,
    cache: false,
    success: function(responseText) {
      console.log(responseText) // show returned text in console
    }
  })
  emptyCode();
}

function emptyCode() {
  document.forms[0].code.value = "";
}

Answer 1

问题是因为您只是在没有 key 的情况下自行发送值。要解决此问题，您可以向 data 提供一个对象，该对象将在发送请求时进行表单编码:

data: { code: code },

然后在您的 PHP 代码中，您可以通过其键检索发布的值:

$code = $_POST['code'];