0

我正在使用 XMLHTTPRequest 来获取 JSON 响应。当我在 Firebug 中查看 Response 选项卡时，它会显示我在jsonlint上验证过的 JSON 对象。当我尝试访问对象的属性时，我得到

类型错误：obj 未定义

我已经研究了几个小时，但未能找到可行的解决方案。

代码：

function getState(light) {
  var txt = execute('GET', 'http://' + bridge + '/api/' + hash + '/lights/' + light);
  var obj = eval('(' + txt + ')');
  //var obj = JSON.parse(txt);
  //this gives me "SyntaxError: JSON.parse: unexpected character"
  console.log(obj.name);
}

function execute($method, $url, $message) { //used for both PUT and GET requests
  var xmlhttp = new XMLHttpRequest();
  xmlhttp.open($method, $url, true)
  xmlhttp.send($message);
  console.log(xmlhttp.response);
  return xmlhttp.response;
}

在 Firebug Response 选项卡中，表示 GET 请求的响应：200 OK -4ms

{
  "state": {
    "on": false,
    "bri": 200,
    "hue": 8664,
    "sat": 140,
    "xy": [0.4932, 0.3832],
    "ct": 428,
    "alert": "none",
    "effect": "none",
    "colormode": "hs",
    "reachable": true
  },
  "type": "Extended color light",
  "name": "Left rear living room 1",
  "modelid": "LCT001",
  "swversion": "65003148",
  "pointsymbol": {
    "1": "none",
    "2": "none",
    "3": "none",
    "4": "none",
    "5": "none",
    "6": "none",
    "7": "none",
    "8": "none"
  }
}

当我调用 getState 函数（在页面加载时）时，console.log 声称 xmlhttp.response 是一个空字符串。对 'txt' 和 'obj' 执行 typeof 会返回未定义。我正在尝试访问对象元素，例如：

obj.name和obj.state.on

我是使用 JSON 和 XMLHttpRequest 的新手——我的代码基于其他人最初创建的模板。我对我在程序中其他地方使用的 PUT 请求没有任何问题，使用上述功能，但似乎无法让 GET 请求正常工作。

如果我遗漏了任何重要信息，请告诉我。感谢您的任何帮助，您可以提供！

4

1 回答 1

2

您的 XML HTTP 请求设置为异步的（即脚本不会等到收到响应并在 HTTP 请求在后台发生时继续执行）。

xmlhttp.response这意味着在您归还它之前没有足够的时间。结果，正如错误消息所说，txt未定义所以未定义。obj

更改xmlhttp.open调用，使调用是同步的（即脚本等到收到 HTTP 响应后再继续）：

xmlhttp.open($method, $url, false); // true => asynchronous, false => synchronous
于 2013-04-02T21:02:03.527 回答