こんにちは、説明が分かりづらかったらおっしゃってください。
HTMLにjQueryでJSONPのデータを引っ張ってきて出力する記述を書いています。
データを引っ張ってきてfor文とappendでHTMLのソースを出力させるところまではうまく行きましたが
さらにJSONPの親要素(type)によって出しわけをしたいです。
JSONP
jsonCallback( [ { "type" : "ディレクター", "elements" : [ { "name" : "山田花子", "number" : "301" } ] }, { "type" : "デザイナー", "elements" : [ { "name" : "鈴木太朗", "number" : "302" } ] }, { "type" : "ディレクター", "elements" : [ { "name" : "佐藤二郎", "number" : "303" } ] } } ] );
HTML
<script> $.ajax({ type: 'GET', url: 'http://xxx.jp/data.jsonp', dataType: 'jsonp', jsonpCallback: 'jsonCallback', success: function(json){ var len = json.length; for(var i=0; i < len; i++){ var len2 = json[i].elements.length; for(var j=0; j < len2; j++){ $("#director dl").append('<dt>' + json[i].elements[j].name + '</dt><dd>(社員番号:' + json[i].elements[j].number + ')</dd>'); } } } }); </script> <div id="director"> <dl> </dl> </div>
今のところ全部引っ張ってくるのですが親要素のtypeがディレクターの場合のみのリストを作成したいです。
いろいろ試行錯誤していたらこの形になってしまったのでJavascriptとJSONPを使ってできればこの形でなくとも大丈夫です。
不足している情報がございましたら、おっしゃってください。
よろしくお願い致します。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。