javascript - jQuery 中的 "Uncaught TypeError: cannot read property ' 长度 ' of null"

Question

我正在定义在我的 HTML 上按下按钮时发生的以下操作:

$(document).ready(function() {
  $("#query").keydown(function () {
    // stuff
    $.get(url, function (result) {
    console.log(result);

    var list = "";

    for (var i = 0, l = result["results"].length; i < l; i++) {
      list += '<li>' + result["results"][i]["label"] + '</li>';
    }

    list = "Here are some results: <ul>" + list + "</ul>";

  });
});

到达“结果”的是一个 JSON 数组，格式如下:

{"results":[{"label":"something"},{"label":"something else"},{"label":"many other ones"}]}

那么，为什么我对 length 的引用被解释为对空值属性的引用？

Answer 1

我相信您收到的是 json 输入。您忘记将 json 转换为实际的 Javascript 对象。您可以使用以下两种方式之一进行操作。

$(document).ready(function() {
  $("#query").keydown(function () {
  // stuff
    $.get(url, function (result) {
    result = JSON.parse(result);
    console.log(result);

    var list = "";

    for (var i = 0, l = result["results"].length; i < l; i++) {
      list += '<li>' + result["results"][i]["label"] + '</li>';
    }

  list = "Here are some results: <ul>" + list + "</ul>";

});

或者

$(document).ready(function() {
  $("#query").keydown(function () {
  // stuff
    $.getJSON(url, function (result) {
    console.log(result);

    var list = "";

    for (var i = 0, l = result["results"].length; i < l; i++) {
      list += '<li>' + result["results"][i]["label"] + '</li>';
    }

  list = "Here are some results: <ul>" + list + "</ul>";

});