![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
すいません質問があります。
http上でrequest されたxmlファイルのresponseデータをconsole.logに出力したい
例えば、下記のScript tagがあります。これはekidataのapiで山手線情報をreponseで返します。
var scriptElement = document.createElement('script');
scriptElement.setAttribute('type', 'text/javascript');
scriptElement.setAttribute('src', 'http://www.ekidata.jp/api/l/11302.xml');
document.body.appendChild(scriptElement);
私がやりたいのは、このresponseデータの"<station_name>"をconsole.logで出力することです。
http上でリクエストされたデータのResponseデータをconsole.logで出力する方法をずっと模索していますがなかなかうまくいかず。。。
お手数ですがよろしくお願いいたします。
![「http上でrequest されたxml」の質問画像](http://oshiete.xgoo.jp/_/bucket/oshietegoo/images/media/c/505976443_59a71897ed438/M.jpg)
No.1ベストアンサー
- 回答日時:
こんにちは
ご提示のスクリプトだと、スクリプト要素のsrcにxmlデータのアドレスを指定していることになりますが、仮に読み込めてもスクリプトではないので処理できませんよね??
xmlデータをスクリプト内の変数などに取得したいのであれば、ajaxを利用してリクエストする必要があります。
以下などをご参考になさればよろしいでしょう。
https://developer.mozilla.org/ja/docs/AJAX/Getti …
一方で、駅データのサイトの説明を見てみると、xmlデータの他に同様のjsonデータも用意されているようです。
こちらはjsonデータを返すものかと思いきや、どうやらスクリプトを返しているようですので、こちらであればご提示の方法でも利用することが可能です。
xml.onload に取得後の処理を記述しておくと、これをコールバックとしてjsonデータが引き渡される仕組みになっていると思われます。
データを直接javascriptのオブジェクトとして取得できますので、そのまま利用することが可能です。
<サンプル>
var xml = {};
xml.onload = function(data){
var st = data.station_l, n = st.length, i;
for(i=0; i<n; i++) console.log(st[i].station_name);
}
var scriptElement = document.createElement('script');
scriptElement.setAttribute('type', 'text/javascript');
scriptElement.setAttribute('src', 'http://www.ekidata.jp/api/l/11302.json');
document.body.appendChild(scriptElement);
※ あくまでもxmlソースとして取得なさりたいというのであれば、ajaxで取得するようにしてください。
ありがとうございます! jsonではありますが、期待した結果が得られました。
xmlに関してはajaxを勉強して再度トライします。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- その他(プログラミング・Web制作) Pythonで会員サイトの自動ログイン ID Nameがない 1 2022/12/16 02:09
- JavaScript Google reCAPTCHAについて 1 2023/02/22 14:37
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- C言語・C++・C# C言語の質問です HTMLでこのようなコードを書いたのですがそれをC言語で同じように書きたいです < 1 2022/08/11 23:38
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jsonテキストデータの並び替え...
-
AJAX
-
[JavaScript] preven...
-
【JavaScript】confirmのボタン...
-
saved from url=(0013)abou
-
JK-FFを使う非同期10進・2進カ...
-
【Ajax】改行を含めたデータを...
-
DirectXとOpenGLはどちらが動作...
-
ExcelVBAで非同期のsocket通信...
-
JQuery サーバー上にアップする...
-
リンクを押すとEXEファイルを実...
-
HTMLでDBからデータを表形式で...
-
webシステムでchrome
-
Ajaxでsessionにいれた値が引き...
-
PHPにコネクションプールってあ...
-
ASP.NET(VB)VBソースからJavas...
-
データ受け渡しについて
-
c# WebBrowserの通信のキャプチャ
-
ASP.NET 動的に行を増やすTable
-
大量のデータを表として展開す...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jsonテキストデータの並び替え...
-
json形式データのデータ連携に...
-
以下のようなjsonファイルで、"...
-
jQuery.msgBoxでのthisの使用に...
-
gulpfile.jsとpackage.jsonの読...
-
http上でrequest されたxmlファ...
-
jQuery $.ajax JSON形式のPOST
-
Ajaxでデータベース更新
-
jQuery.getでレスポンスデータ...
-
VSCodeにて「終了タグ」の背景...
-
フォームからjQuery,jQuery.jso...
-
教えてください!html5.jpを使...
-
【JavaScript】confirmのボタン...
-
HTMLでDBからデータを表形式で...
-
DirectXとOpenGLはどちらが動作...
-
saved from url=(0013)abou
-
ASP.NET(VB)VBソースからJavas...
-
ローカル用HTMLファイルの安全...
-
非同期関数とノンブロッキング...
-
AJAX通信が終わるまで次の処理...
おすすめ情報