すいません質問があります。
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で出力する方法をずっと模索していますがなかなかうまくいかず。。。
お手数ですがよろしくお願いいたします。
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ランキング
-
初心者です。gulpでコンパイル...
-
階層別の組織図の自動作成について
-
React hooksが値を返して配列変...
-
特定の文字列を複数抜き出した...
-
追加ボタンを押した際に ok ボ...
-
ジャバスクリプトについて。
-
GASでGoogleフォームの自動返信...
-
フロントエンドフレームワーク...
-
画面遷移を行わずに同一ページ...
-
セレクトを全て選択されていな...
-
ブックマークレットについて
-
①入力フォーム→②確認表示画面→③...
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
メールフォームの日付入力フォ...
-
二次元配列を使って順位をだす...
-
iOSのみダブルタップが必要
-
jsで質問です。 displayプロパ...
-
var exports = exports || {}; ...
-
HTMLタグに複数のクラスを設定...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
http上でrequest されたxmlファ...
-
テキストファイルの内容を変数...
-
json形式データのデータ連携に...
-
jsonテキストデータの並び替え...
-
【JavaScript】confirmのボタン...
-
非同期通信を使うタイミングが...
-
DirectXとOpenGLはどちらが動作...
-
HTMLでDBからデータを表形式で...
-
saved from url=(0013)abou
-
リンクを押すとEXEファイルを実...
-
ASP.NET(VB)VBソースからJavas...
-
Javadcriptでwebサーバー側にあ...
-
カーソルの動きに合わせてDBか...
-
Ajaxでpostした内容のresponse...
-
[JavaScript] preven...
-
jQueryのAjaxで通信の途中結果...
-
php ob_flushが全く動作しない
-
webシステムでchrome
-
ローカル用HTMLファイルの安全...
-
JQuery サーバー上にアップする...
おすすめ情報