getting undefined variable when trying to retrieve a value from a json object

Question

I hesitated asking a this question in fear of getting the all feared down-vote, but after many searching and countless hours of typing, I must give in.

I'm just trying to get these values from a json object (ie 37 and exampleoffice):

{"officeId":37,"officeName":"exampleoffice"}

I have tried data[0], data.officeId, data[0][officeId], for loop, $.each(data, function(i, item){})...

I would appreciate if someone could help me and make this headache go away!

jquery:

$(document).on("click", "#addOffice", function() {
    var officeadd = $('#officeAddForm').serializeArray();
    console.log(officeadd);
    $.ajax({
        url:        'officeadd.php',
        type:       "POST",
        data:       officeadd,
        success: function(data) {
            console.log(data);
            $('#officecontrolgroup').append('<input type="radio" name="office" id="' + data.officeId + '" value="' + data.officeId + '"/><label for="' + data.officeId + '">' + data.officeName + '</label>').trigger('create');
            $('#officecontrolgroup').controlgroup("refresh");
            $( "#deliveryInstructions" ).trigger( "updatelayout" );
        }   
    });
    return false;
});

you need to show what is inside data.. Also you will need to parse data into a javascript object — wirey00
– wirey00, Commented May 8, 2013 at 0:17

Kevin Bowersox · Accepted Answer · 2013-05-08 00:19:10Z

2

Try specifying the dataType as json.

$.ajax({
  url:      'officeadd.php',
  type:         "POST",
  data:         officeadd,
  success: function(data) {
                console.log(data);
                $('#officecontrolgroup').append('<input type="radio" name="office" id="' + data.officeId + '" value="' + data.officeId + '"/><label for="' + data.officeId + '">' + data.officeName + '</label>').trigger('create');
                $('#officecontrolgroup').controlgroup("refresh");
                $( "#deliveryInstructions" ).trigger( "updatelayout" );
           }   ,
   dataType: "json" 
});

"json": Evaluates the response as JSON and returns a JavaScript object. The JSON data is parsed in a strict manner; any malformed JSON is rejected and a parse error is thrown.

answered May 8, 2013 at 0:19

Kevin Bowersox

94.6k19 gold badges164 silver badges198 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

dave · Accepted Answer · 2013-05-08 00:18:36Z

0

I think you just need to do:

data[0].officeId

answered May 8, 2013 at 0:18

dave

65.1k6 gold badges81 silver badges98 bronze badges

Collectives™ on Stack Overflow

getting undefined variable when trying to retrieve a value from a json object

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related