ajax経由でデータをドロップダウンする際の問題

Question

JQuery AJAXを使用して動的にドロップダウンをロードする際に問題が発生しました。 phpが有効なJSON応答を返しています。しかし、データをロードしようとすると、私は定義されていない[object Object]か、カンマで区切られたすべての値を持つ単一のオプションを取得します。私が試したことは、正しい答えをもたらすものではありません。

これは、AJAXコードブロックである：

$.ajax({ 
    type: "GET", 
    url:"data/getdata_codes.php", 
    dataType: "json", 
    success: function (data) { 
     alert("Success section"); 
     alert(data); 
     $.each(data,function(key,value) <--Fails here 
     { 
     alert(key); 
     alert(value); 
     var option="<option value="+key+">"+value+"</option>"; 
     alert(option); 
     $(option).appendTo('#myList'); 
     }); 
}, 
error: function(xhr) { 
    alert("An error occured: "+ xhr.status + " " + xhr.statusText); 
} 

}）。

これはPHPから返されたJSONで、検証します。

{"data":[[{"0":"-1","CODE":"-1"}], 
[{"0":"0","CODE":"0"}], 
[{"0":"12","CODE":"12"}], 
[{"0":"213","CODE":"213"}], 
[{"0":"357","CODE":"357"}], 
[{"0":"364","CODE":"364"}], 
[{"0":"501","CODE":"501"}], 
[{"0":"661","CODE":"661"}]]} 

Answer 1

まず、あなたの配列は1つのオブジェクトを持つ配列で埋められます。それは過度に複雑になります。

このような何か試してみてください：

$(data.data).each(function(index, element) <- I guess your data variable also has a data attribute? 
     { 
     var array = element; 
     var objectInArray = array[0]; 

     var key = objectInArray.0; 
     var value = objectInArray.CODE; 
     alert(key); 
     alert(value); 
     var option="<option value="+key+">"+value+"</option>"; 
     alert(option); 
     $(option).appendTo('#myList'); 
     }); 

を