ajaxで取得した配列の取り扱い

質問

こんにちは。

jqueryとｐｈｐを利用して、ajaxの練習をしているのですが、
受け取った配列の扱いではまってしまっています。

javascript.js

$.ajax({
type : "post",
url : "http://localhost/*****.php",
data : post_data,
datatype : "json",
success :function(data,datatype){return_data(data);},
error : error_ajax(),
});

php側では、受け取ったデータに応じて多次元配列を作り、jsonに変換してechoしています。

そして以下が成功時に実行する関数です。

function return_data(obj){

//配列topic以下を処理する関数
disp_topic(obj['topic']);
//配列topic以下を処理する関数
dixp_tags(obj['tags']);

}

すると、obj['topic']が見つからないというエラーが出ます。

firebugsで見てみると、function　return_dataの引数objには、jqueryがjsonからjavascriptのオブジェクトへ変換処理した配列が渡っているようです。。
引数objの値は以下のようになっていいます。
{
"topic":
　[{"tagno":"27","tags":"***"}],
"tags":
　[{"tagno":"27","tags":"****","count":"6"},
　　{"tagno":"29","tags":"****","count":"4"},
{"tagno":"1","tags":"****","count":"3"},
{"tagno":"9","tags":"****","count":"1"}]
｝

変数obj内のtopicに応じた配列と、tagsに応じた配列をそれぞれ取り出し、それぞれの関数で処理したいのですが、これを取り出すのにはどのようにしたらよいのでしょうか。

var array = obj['topic'];　などと散々やってみたのですが、２日間解決できず・・・。

よろしくお願い申し上げます。

回答No.1

JaneDue · ベストアンサー

return_data(data)に入るdataはただの文字列なので、
var obj = eval("("+data+")");
としてやればよいでしょう。

あるいはめんどうな処理を全部やってくれる以下の方法でもいいかと。
$.getJSON("http://localhost/***.php", successfunc );
function successfunc(obj){
alert(obj["topic"]);
alert(obj["topic"][0]["tagno"]);
}

※お尻の } 全角なのが気になりますが・・・

お礼

おっしゃるとおりの方法で解決しました！

つたない質問にお付き合いいただき、ありがとうございましたm(_ _)m

※全角｛は、ここへ書き込むときのタイプミスでした。失礼しました。