json object usage with ajax returned array

Question

I have a problem with the returned array from ajax call.

the array is encrypted using json. it is as below

while ($found_course = mysql_fetch_assoc($sql)) {

    $info[] = array(
        'code' => $found_course['course_code'],
        'name' => $found_course['course_name']   );

}
echo json_encode($info); //this is returned to javascript

then the problem is that I am unable to use the above array returned in javascript. I tried using the $.each method but to no avail. the eval() also do not work as it give output as [object object]. Can someone please help me with this.

All I want is to be able to acces the code and the name of the course saperately

Thanks.

what is the structure of your JSON? how it gets to javascript is not really relevant. — jbabey
– jbabey, Commented Mar 26, 2012 at 13:05

Rene Pot · Accepted Answer · 2012-03-26 13:11:25Z

3

Just loop through it with for()

for (var c in myAjaxArray){
    myAjaxArray[c].code; // contains the code
    myAjaxArray[c].name // contains the name
}

Make sure you set the dataType in the jQuery ajax call to "JSON" to make sure you have a json Object. Or use the $.getJSON() function.

edited Mar 26, 2012 at 13:11

answered Mar 26, 2012 at 13:05

Rene Pot

24.8k7 gold badges70 silver badges92 bronze badges

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

1 Comment

jbabey Over a year ago

i would suggest using var c instead of c to avoid creating a global.

deadrunk · Accepted Answer · 2012-03-26 13:05:42Z

0

<script>
var data = <?= json_encode($info); ?>;
for (var i = 0; i < data.length; i++) {
  var item = data[i];
  alert(item["code"] + " / " + item["name"]);
}
<script>

answered Mar 26, 2012 at 13:05

deadrunk

14.2k4 gold badges33 silver badges29 bronze badges

1 Comment

Sahil Over a year ago

This is the structure of the javascript

thenetimp · Accepted Answer · 2012-03-26 13:07:13Z

0

This should get you the data you need. Not sure how you tried using $.each but it should be in your success function on your ajax call. Also make sure the datatype is set to json.

success: function(data){
  $(data).each(function(idx,val){
     alert(val.code + " " + val.name);
  })
}

answered Mar 26, 2012 at 13:07

thenetimp

9,9205 gold badges31 silver badges42 bronze badges

Collectives™ on Stack Overflow

json object usage with ajax returned array

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related