JavaScriptでXMLを動的に読む方法
- JavaScriptを使ってXMLを動的に読み込み、指定された情報を表示する方法について紹介します。
- XMLファイルから指定された情報を取得し、JavaScriptを使用してHTMLに表示する方法について説明します。
- Ajaxを使用してXMLデータを非同期に取得し、JavaScriptを使用して特定の情報を取得し表示する方法について解説します。
- ベストアンサー
XMLを動的に読む
ワードプレスなどで行われているPHP⇔MYSQLのような動きを、javascript⇔XMLでやりたいです。 具体的に言うと、 index.htmlでボタンAを押されるとdata.xmlのA情報がindex.htmlに表示される index.htmlでボタンBを押されるとdata.xmlのB情報がindex.htmlに表示される というものです。 Ajaxなど調べているのですが、なかなかいい情報が見つかりません。 てってきたいのはテキスト情報だけですので、なるべくシンプルで簡単なコードが知りたいのですが、複雑な部分が多くて困っています。 簡単なやり方が紹介されているサイトや簡単なサンプルを見せてもらえるととても助かります。
- satisfied999
- お礼率34% (214/620)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
読み込みは良いですが書き込みはサーバーサイドでの処理が必要かと思います。 読み込むだけでよいならjQueryを使うのが簡単と思いますが、全くのビギナーだと難しいかと。 xmlの構造がわからないとサンプルも載せにくいですね。
その他の回答 (1)
- ONEONE
- ベストアンサー率48% (279/575)
参考サイトはeachですべてのitemを取得していますが、num番目のitemだけ欲しい場合は 下記のようにdispの引数にindexをとって、num番目以外は処理しないという処理を加えればnum番目だけ書き出すことができます。 function disp(index){ if(index !== num) return false; : :
関連するQ&A
- xml内で条件は記述できる?
すみません。xmlに関して質問があるのですが、 xml内において、条件文は記述することは可能なのでしょうか。 以下のようなxmlがあり、例えば9/30まではa.aspの方を有効にし、 10/1以降はb.aspを有効にするというような感じにしたいのですが。 <?xml version="1.0" encoding="UTF-8"?> <list> <sample> <data> <url>/sample/a.asp</url> </data> <data> <url>/sample/b.asp</url> </data> </sample> </list> すみませんが、よろしくお願い致します。
- ベストアンサー
- XML
- Google maps api, xmlデータ
mysqlに格納したデータをphpにてxmlデータを生成しました。 xmlデータは、◯◯.phpファイルです。 このデータをHTML5とjavascriptを使ってgoogleマップに表示させるところでつまづいています。 いろいろと参考になりそうなサイトを見てコーディングしているのですが、うまくいきません。 シンプルにマップにデータを表示させるということに関してアドバイスや参考になるサイト等を教えて戴けないでしょうか。 宜しくお願いします。
- ベストアンサー
- JavaScript
- XMLとかで出来ますか?
XMLもXSLもXSLTも何も知らないので出来るのかわかりませんが。 Aに1・2という情報?属性?を付けて Bに2・3を付けて Cに1を付けて 1が付いているのはA・C 2が付いているのはA・B 3が付いているのはB というように表示するにはどうすればいいでしょう?
- 締切済み
- XML
- xmlを抽出した結果表示
SimpleXMLを使用してxmlのデータを読み込んでいます。 該当するもの全てを表示させているのですが、よく検索ページなどにある、 「次の10件」のように、10件ずつ表示し、 次以降は別のページを自動的に生成していくということをしたいのですが、 どのようにすればよいかわかりません。 MySQLなどデータベースからというのならやり方を調べていると出てきたのですが、xmlのデータで作りたいと思っています。 何分、PHP初心者で、サンプルコードをみながらしかできないので、お願いします。
- ベストアンサー
- PHP
- テキストファイルやcsvファイルで読み込んだデータを使ってjavascriptで処理する方法
javascript初心者です。 いろいろと調べたのですが、イマイチよく分からないので質問させてください。 テキストファイルやcsvファイルを読み込んで、 javascriptで判定処理をしたいと思います。 例えば、 A地区,1 B地区,0 C地区,4 ・・・ といったデータを読み込んで、 javascriptで「0なら○地区には画像Aを表示、 それ以外なら○地区には画像Bを表示する」 という形で処理したいです。 でも、 ・どうやってファイルを読み込むのか ・読み込んだデータをどのようにして配列へ入れるのか がよく分からないです。 これらのページ 「http://q.hatena.ne.jp/1195740627」 「http://www.openspc2.org/JavaScript/Ajax/Ajax_study/chapter03/002/index.html」 のような方法を参考にすれば実現可能なのでしょうか。
- ベストアンサー
- JavaScript
- xmlかMySQLか
現在、PHPを用いて、簡単なデータを扱うWebページを作成しようと考えております。 簡単な例を挙げますと、 例えば、Webページ上で営業40人の営業成績を表示するプログラムとします。 (この例は、あくまでも例えです。) データベースのフィールドは2つのみで、 営業名、成績です。 行数は40(営業人数)です。 PHPでそれらの値をデータベースから取得し、ページに表示させます。 Aさん‥60点 Bさん‥80点 Cさん‥90点 ・ ・ ・ この場合、データベースとしては、MySQLかXMLかどちらを用いた方が良いでしょうか? 素人の考えですが、xmlだとサーバーを選ばないので良いのかと想像します。 MySQLだとインストール必要かもしれませんので。 それぞれのメリット、デメリットがあればお教え頂ければ幸いです。 よろしくお願い致します。
- ベストアンサー
- PHP
- Ajaxの勉強
Ajaxのマルチウィンドウというのを使ってみたくて先日 http://okwave.jp/qa2822223.html こちらで質問させていただいたのですがなかなか回答が得られず基礎から勉強したいのですが・・・ なかなかよいサイトにめぐり合えません(><) 基礎から勉強できるサイトをご存じないでしょうか? http://www.openspc2.org/JavaScript/Ajax/Ajax_study/index.html 先程こちらのサイトを見ていたのですが第2章4節で既に躓いてしまいました data.txtを読み込んでフレーム内に表示するものだと思うのですがうまく表示されません 第1章4節で必要な知識として HTML スタイルシート JavaScript XML サーバー側のプログラム (CGIやデータベース等) とあります。XML以外はまだ勉強中の身ではありますが多少は扱えます XMLの勉強からはじめた方がよいのでしょうか?
- ベストアンサー
- JavaScript
- 複数のxmlファイルの合体
複数のxmlファイルの合体 XML、JavaScriptのど素人です。諸先輩方のアドバイスを乞いたくよろしくお願いいたします。 XML本のサンプルプログラムで、XML/XSL/JavaScript(html内に記述されている)を用いた 検索プログラムを以下の理由で改良したいと考えています。 <books> <book> <data1>データ</data1> <data2>データ</data2> <data3>データ</data3> </book> </books> の構造を持つxmlファイルがあったとして データの更新が頻繁に行われるのは<data3>要素だけなので、 <books> <book> <data1>データ</data1> <data2>データ</data2> </book> </books> -----xml1 <books> <book> <data3>データ</data3> </book> </books> -----xml2 のように2ファイルに分離し、 JavaScriptの検索プログラムで、<data1>~<data3>要素から条件にあったデータを抽出したいのですが どうすればいいのでしょうか?よろしくお願いします。
- 締切済み
- XML
- XML
他人が作ったxmlにJavascrptを入れたい。現在ホームページを作るにあたって Flashベースをテンプレートを買いました。テキストをxmlファイルに書いていく作業なんですが、そのソースの中にJasvascritを入れたい。 <pageText><![CDATA[ <b> <a hret="aaa.html" target="_blank"><u>コチラ </u></a> </b> ]]></pageTextt>を <pageText><![CDATA[ <b> <a hret="aaa.html" oncliick="window.open('aaa.html', '_blank', 'width=200.height=200'); retun false;"><u>コチラ </u></a> </b> ]]></pageTextt> のようにしたいのですが、onclick以下ははじかれてしまうようです。当方HTMLは理解してますが、xmlはまったくの素人です。xmlにJavascriptを書く方法を教えてください。
- ベストアンサー
- XML
- XML/SerializerでMySQLデータをXML出力出来ない
XML/SerializerでMySQLデータをXML出力出来ない 以下のPHPでXML/Serializerを利用してXML出力したいのですが エラーにて正常に表示出来ず困っております。 (サーバはhetemlのレンタルサーバでphp5を利用しています) 【エラー内容(Firefoxで表示)】 XML パースエラー: 構文エラーです。 URL: http://対象url 行番号: 1, 列番号: 1:Connected successfully<br /> ^ 【サーバからブラウザへの出力】 Connected successfully<br /> <b>Warning</b>: mysql_fetch_assoc(): supplied argument is not a valid MySQL result resource in <b>対象PHP </b> on line <b>22</b><br /> <?xml version="1.0" encoding="UTF-8"?> <result /> 【対象PHP】 <?php require_once 'XML/Serializer.php'; $con = mysql_connect("ホスト名","ユーザ名","パスワード") or die("Could not connect"); print "Connected successfully"; $options = array( "indent" => " ", "linebreak" => "\n", "typeHints" => false, "addDecl" => true, "encoding" => "UTF-8", "rootName" => "result", "defaultTagName" => "item", ); $serializer = new XML_Serializer($options); $sql = "SELECT * FROM テーブル名 ORDER BY id ;"; $result = mysql_query( $sql ); $valArr = array(); while( $val = mysql_fetch_assoc( $result ) ){ ←22行目 $valArr[] = $val; } $status = $serializer->serialize($valArr); if( $status === true ) { $xml = $serializer->getSerializedData(); header ("Content-Type: text/xml; charset=UTF-8"); echo $xml; exit; } exit; mysql_close($con); ?> 以下のサイトを参考にしております。 http://d.hatena.ne.jp/haru-komugi/20080617/1213629719 宜しくお願い致します。
- 締切済み
- PHP
お礼
jQueryで調べてみました。 ちょうどトップに出てきたのが http://www.ezgate-mt.sakura.ne.jp/jquery/109.html なのですが、 これでいうところの、 モーダル表示ではなく、さらに1件づつ読めるような形を理想としています。 呼び出す側が引数で何番目かを指定して、その情報を持ってこれるようなものが理想です。