I'm defining the following action to happen when pressing a button on my 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>";

  });
});

What arrives in "result" is a JSON array in the following form:

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

So, why is my reference to length being interpreted as a reference to the property of a null value?

I'm defining the following action to happen when pressing a button on my 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>";

  });
});

What arrives in "result" is a JSON array in the following form:

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

So, why is my reference to length being interpreted as a reference to the property of a null value?

• javascript
• jquery
• json

• Try console.log(typeof result) instead, and tell us what it said. – adeneo Commented Dec 4, 2013 at 22:12
• It's two lines: "object", followed by "undefined". – jl.lykon Commented Dec 4, 2013 at 22:18
• Seems like you have to convert stackoverflow.com/questions/5533192/… – loveNoHate Commented Dec 4, 2013 at 22:20
• 1 how can one console.log produce two lines? – adeneo Commented Dec 4, 2013 at 22:21

1 Answer 1

I believe you are getting a json input. You forgot to convert the json into an actual Javascript Object. You can do so with one of the two following ways.

$(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>";

});

Or

$(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>";

});