Question

我制作了一个脚本，使用AJAX从我们服务器上的文件中获取JSON数据，但是我将它放入函数中时遇到了麻烦。

这是我的代码：

function getJSON (file)
    {
      var request = AjaxRequest();
      var json = "";
      request.onreadystatechange = function ()
      {
         if(request.readyState==4 && request.status==200)
            {
              json = JSON.parse(request.responseText);
            }
      }
      request.open("GET", file, false);
      request.send();
      return json;
     }

该函数执行我想要的所有操作但是我被告知不要因为阻塞而将false传递给AJAX请求。这个功能似乎有些不对劲，但我不知道如何改变它。我应该改变吗？如果是这样，怎么样？

Answer 1

你不能像这样返回它，这是一个异步操作，意味着你的json = JSON.parse(request.responseText)发生以后，当服务器响应数据...很久你返回后...你可以传入一个接受数据的函数，如下所示：

function getJSON (file, callback)
{
  var request = AjaxRequest();
  request.onreadystatechange = function ()
  {
     if(request.readyState==4 && request.status==200)
     {
       callback(JSON.parse(request.responseText));
     }
  }
  request.open("GET", file, false);
  request.send();
}

然后你这样称呼它：

getJSON("something.json", function(data) { 
  //use data, your json object/data
});

这样你就可以在数据可用时使用它，将数据传递给下一个函数......这就是异步调用的行为方式。

AJAX函数获取JSON数据

1 个答案: