Question

我写了一个函数，必须检查是否已经使用了用户名。现在，当我从另一个函数调用该函数时，并提示它的返回值：

 alert(checkusernameavailable('justausername'));

它说“未定义”。我搜索过高低，但找不到我做错了什么。我想它应该只返回check.php中的php-echo，但事实并非如此。这是我写的函数：

var checkusernameavailable = function(value)  {
    $.ajax({
      url: "check.php",
      type: "POST",
      async: false,
      cache: false,
      data: "username=" + value + "",

      success: function(response) {
        alert(response);
        return response;        
      },
      error: function() {
        alert('ajax error');
      }
    });
  }

我做错了什么？

Answer 1

AJAX调用是异步的，这意味着它们只在操作完成后返回数据。即方法checkusernameavailable永远不会返回任何信息（除非你在该方法本身内告诉它）。您需要执行以下操作：

// Just fire and forget the method
checkusernameavailable("userName");

// Change the success function to do any display you require
success: function(response) {
    alert(response);
    $("#SomeDiv").html(response);     
  },

该方法触发发布到check.php的AJAX异步方法。收到响应后，您可以在与$.ajax成功回调相关的函数中处理该响应。您也可以直接为该成功回调指定一个函数：

// Change success to point to a function name
success: foo

// Create a function to handle the response
function foo(response)
{
   // Do something with response
}

修改

根据OP的评论，你需要将你的AJAX调用改为同步，而不是异步（我自己从未做过这样的同步调用，所以这是未经测试的）：

var ajaxResponse; $.ajax({ async: false, success : function (response) { ajaxResponse = response; }, // other properties }); return ajaxResponse;

完整API列表here。

从Jquery AJAX调用返回响应

1 个答案: