How to use JSON to return array from a query?

Question

I am trying to display all of the continents but all I am getting is '[object Object]' instead of the actual continent names. How can I actually get the continent names to show?

AJAX

<script>
$(document).ready(function(){

$.get('auto.php',{act:'fetchContinent'},loadContinents ,'json');

$("select#continents").change(function(){        
             $('div#display').html($("select#continents option:selected").text())});

function loadContinents(data){
          var optionStr = "";
          for (var index in data) {
              optionStr += '<option value="' + data[index] + '">' + data[index] + '</option>\n';
          }
          $("select#continents").html(optionStr);}                           
});

the returned array contains 0: {Continent: "Asia"} 1: {Continent: "Europe"} 2: {Continent: "North America"} 3: {Continent: "Africa"} 4: {Continent: "Oceania"} 5: {Continent: "South America"} 6: {Continent: "Antarctica"} — Tom Okat
– Tom Okat, Commented Mar 8, 2015 at 23:17

Tommaso Bertoni · Accepted Answer · 2015-03-08 23:27:58Z

1

You get [object Object] because the array returned from the server contains objects! Since those are in the form {Continent: "thecontinent"}, you can write the option like this:

optionStr += '<option value="' + data[index].Continent + '">' + data[index].Continent + '</option>\n';

data[index] is the object {Continent: "thecontinent"}
data[index].Continent is the value of the Continent property ot that object

edited Mar 8, 2015 at 23:27

answered Mar 8, 2015 at 23:19

Tommaso Bertoni

2,3811 gold badge24 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

How to use JSON to return array from a query?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related