Javascript AJAX 请求函数不返回任何内容

Question

这个问题已经有答案了:

How do I return the response from an asynchronous call? (42 个回答)

已关闭 9 年前。

我正在尝试制作一个注册页面，告诉用户他们选择的用户名是否是唯一的，而无需重新加载页面。 php 脚本“usernameAJAX.php”只是查询 SQL 数据库，如果用户名不唯一则返回“1”，如果用户名不唯一则返回“0”。由于某种原因，我创建的 usernameAJAX(username) 函数没有返回任何内容，甚至第三行的“bool”变量设置为“0”也没有返回。有人可以解释为什么会发生这种情况吗？

function usernameAJAX(username) {

var bool = "0";

params  = "AJAXusername=" + username.value;
  request = new ajaxRequest();
  request.open("POST", "usernameAJAX.php", true);
  request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  request.setRequestHeader("Content-length", params.length);
  request.setRequestHeader("Connection", "close");

  request.onreadystatechange = function()
  {
    if (this.readyState == 4)
      if (this.status == 200)
        if (this.responseText != null)
          bool = this.responseText;
  }
  request.send(params);


function ajaxRequest()
{
  try { var request = new XMLHttpRequest(); }
  catch(e1) {
    try { request = new ActiveXObject("Msxml2.XMLHTTP"); }
    catch(e2) {
      try { request = new ActiveXObject("Microsoft.XMLHTTP"); }
      catch(e3) {
        request = false;
  } } }
  return request;
}

return bool;

}

Answer 1

您的函数是正确的，但您必须删除 header Content-length 和 Connection。此外，您必须注意，您的函数将始终返回 0。如果您想对下载的值执行某些操作，则必须在此处执行:

function usernameAJAX(username, callback) {
    ...
    if (this.responseText != null) {
        bool = this.responseText;
        callback(bool);
    }
    ...
}


var show = function (bool) {
    alert(bool);
};

// The execution continues in the callback function when bool is downloaded.
usernameAJAX("usuario", show);

如果要以传统方式返回bool值，则必须使用非异步请求，这样下载值时窗口会被阻塞，浪费了AJAX的优势。