Question

Does anyone know why I can’t access the array keys in the generated json array. Basically, I am doing an ajax call, then on success, doing another one. Everything works fine and I am getting a full, healthy and valid json array return, but I cannot access the keys and values.

My jQuery

$("#register-form").submit(function(e){
  e.preventDefault();
  var firstname = $('#regfirstname').val();
  var surname = $('#regsurname').val();
  var email = $('#regregemail').val();
  var password = $('#regregpassword').val();
  var band = $('#regband').val();
  var website = $('#regwebsite').val();
  var company = $('#regcompany').val();
  var address = $('#regaddress').val();
  var city = $('#regcity').val();
  var state = $('#regstate').val();
  var postcode = $('#regpostcode').val();
  var country = $('#regcountry').val();
  var phone = $('#regphone').val();
  var age = $('#regage').val();
  var subscribe = $('#regsubscribe').val();
  $.ajax({
    type : 'POST',
    url : '/ajax/register',
    data : 'firstname='+firstname+'&surname='+surname+'&email='+email+'&password='+password+'&band='+band+'&website='+website+'&company='+company+'&street='+address+'&city='+city+'&state='+state+'&postcode='+postcode+'&country='+country+'&phone='+phone+'&age='+age+'&subscribe='+subscribe,
    success : function(data){
      // automatically log the user in
      $.ajax({
        type : 'POST',
        url : '/ajax/login',
        data : 'email='+email+'&password='+password,
        success : function(user){
          alert(user.logged_in);
        },
        datatype : 'json'
      });
    },
    datatype : 'json'
  });
});

If I do alert(user); it alerts the entire json array. But as soon as i try and access a value within it, it returns undefined.

Example json array:

{"logged_in":true,"firstname":"Joe","surname":"Bloggs","Full_name":"Joe Bloggs","email":"[e-mail]","phone":"123456789","website":"www.site.com.au","age":"25","street":"1 Road Street","city":"Town","state":"BLA","postcode":"1234","country":"13","company":"Freedman Electronics","band":"Daysend","subscribe":"2","mics":0}

Any ideas?

Is this even possible to do? (AJAX within AJAX I mean).

Answer 1

Use dataType instead of datatype in your ajax settings. It’s case sensitive.