Can't get properties of object

Question

I have an ajax call that is loading a php file that generates this json output:

{
    "Pittsburg\/Bay Point - SFIA\/Millbrae": ["PITT", "NCON", "CONC", "PHIL", "WCRK", "LAFY", "ORIN", "ROCK", "MCAR", "19TH", "12TH", "WOAK", "EMBR", "MONT", "POWL", "CIVC", "16TH", "24TH", "GLEN", "BALB", "DALY", "COLM", "SSAN", "SBRN", "SFIA", "MLBR"],
    "Millbrae\/SFIA - Pittsburg\/Bay Point": ["MLBR", "SFIA", "SBRN", "SSAN", "COLM", "DALY", "BALB", "GLEN", "24TH", "16TH", "CIVC", "POWL", "MONT", "EMBR", "WOAK", "12TH", "19TH", "MCAR", "ROCK", "ORIN", "LAFY", "WCRK", "PHIL", "CONC", "NCON", "PITT"]
}

I then process this with the following javascript code:

    $.ajax({
    url: "build-routes.php",
    dataType: 'json',
    success: function(routesAndStations){

      var i;
      for (var name in routesAndStations){ // this gets the route names
        routes[name] = new array();
        i = 0;

        // this gets all the stations for each route
        for(var station in routesAndStations[name]){ 
            routes.name[i] = routesAndStations[name][station];
            alert(routes.name[i]);
            ++i;
        }
      }

      for(var name in routes){
        var str = "";
        str += name + ": "+routes.name[1];
        alert(str);
      }

    },
    error: function(){
      alert("fail");
    }
  });

My problem is that both alert functions in the success function don't appear. There is probably some kind of mistake in the way I set up the javascript object: routes which also holds an array..

Expanding Mangiucugna's comment: `new array()` triggers a `ReferenceError: array is not defined` error because JavaScript variables are case sensitive and you've mistyped `Array`. You need to locate your browser's JavaScript console and actively use it to develop code. — Álvaro González, Jul 25 '13 at 07:28
@fbynite: http://stackoverflow.com/questions/7375120/why-is-arr-faster-than-arr-new-array — naveen, Jul 25 '13 at 07:30

score 0 · Answer 1 · answered Jul 25 '13 at 07:21

I can parse and display station names locally like this :

var routesAndStations = {"Pittsburg\/Bay Point - SFIA\/Millbrae":["PITT","NCON","CONC","PHIL","WCRK","LAFY","ORIN","ROCK","MCAR","19TH","12TH","WOAK","EMBR","MONT","POWL","CIVC","16TH","24TH","GLEN","BALB","DALY","COLM","SSAN","SBRN","SFIA","MLBR"],"Millbrae\/SFIA - Pittsburg\/Bay Point":["MLBR","SFIA","SBRN","SSAN","COLM","DALY","BALB","GLEN","24TH","16TH","CIVC","POWL","MONT","EMBR","WOAK","12TH","19TH","MCAR","ROCK","ORIN","LAFY","WCRK","PHIL","CONC","NCON","PITT"]};

for(name in routesAndStations)
{
    for(var i=0;i<routesAndStations[name].length;i++)
    {
        var station = routesAndStations[name][i];
        alert(station);
    }
}

But like Mangiucugna said, can you see your ajax call in the console?

Dilantha · Answer 2 · 2013-07-25T07:51:46.740

Hope this is what you are looking for

    $.ajax({
    url: "build-routes.php",
    dataType: 'json',
    success: function(routesAndStations){

      var i;
      for ( name in routesAndStations){
    // this gets the route names
       var routes = new Array();
       routes.push(name);
        routes[name] = new Array();
        i = 0;

        // this gets all the stations for each route
        for(var station in routesAndStations[name]){

            routes[name][i] = routesAndStations[name][station];
            alert(routes[name][i]);
            ++i;
        }
      }

     for(var name in routes){
        var str = "";
        str += name + ": "+routes[name][1];
        alert(str);
      }

    },
    error: function(){
      alert("fail");
    }
  });

Can't get properties of object

2 Answers2