JavaScriptで外部からxmlを取得して操作する方法

Question

駅データ.jpという無償サービスを使用したいと考えているのですが、
うまくこれを操作することができません。

APIをそのまま利用すればと言うご意見をいただくと思うのですが、
少しカスタムをしたいため、無料API上取得するXMLデータをこちらで取得したいと考えておリます。

駅データ.jp
▶︎会員しか見れなければすみません。。。
外部XMLファイル
▶︎本外部ファイルはAPIで提供されているので、誰でも見れると思います。

この外部XMLファイルを
var src="http://www.ekidata.jp/api/p/13.json";
で取得する所まではできました。

<div data-value="13">東京</div>

$(function(){
$('.todofuken').on('click',function(){
  var code =$(this).data('value');
  var src = "http://www.ekidata.jp/api/p/" + code + ".json";
console.log(src);
)}
)}

ここから外部XMLファイルのxml.dataのオブジェクトを操作したいのですがXMLをloadして配列を操作する方法がわかりません。

つまり、XMLをロードして
{"line_cd":11301,"line_name":"JR東海道本線(東京～熱海)"}と言った組み合わせをすべて取得したいのですが、JSに未だ未だ不慣れでXMLをloadする所からつまづいている状況です。

もし、参考になるサイト等でも結構ですので、お力ぞれをいただければとても嬉しいです。

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

Comments

[kei344]

タイトルや本文で「XML」と書かれていますが、提示されているのは「JSON」です。内容からJSONで十分問題ないと思われますので、質問を書き換えることをお勧めします。

[think49]

実はJSONでもXMLでもなく、単純なjsファイルです。JSONPでもありませんでした。

Answer 1

参考になるサイトは既に揃っています。

http://www.ekidata.jp/api/p/13.json

拡張子こそjsonですが、実体はJavaScriptコードであり、グローバル変数 xml が定義されています。

http://www.ekidata.jp/api/sample_drilldown.php

こちらのサンプルコードと同じようにscript要素で読み込み、グローバル変数 xml を参照すれば良いでしょう。

Re: pegy さん

Comments

[pegy]

ご回答いただき、ありがとうございます。
なぜ、サンプルではscriptタグをappendしているのか全く、解明できなかったのですが、単純に
'<script type="text/javascript" charset="UTF-8" src="'+var+'" ></script>'
を動的に生成して、scriptとして読み込むからくりだったのですね！
アドバイスを頂戴できてよかったです。無事、必要なデータを取得することができました。
心より、感謝を申し上げます。