JavaScript の XML ファイルの解析と読み取りには、主に XML ファイルのロードと解析が含まれます。その後、解析された XML ファイルの内容をテストして出力できます。 オンライン デモ: http://demo.jb51.net/js/2012/readxml/注: テストするときは、Web サイト (iis または apache) でテストする必要があるため、注意してください。ローカルではありません ダブルクリックしてテストを実行しますindex.htm コードをコピーしますコードは次のとおりです: スクリプト ホーム "> function show( ) { if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); } else { xmlhttp=new ActiveXObject("Microsoft .XMLHTTP"); } if(xmlhttp!=null) { xmlhttp.open("GET","jb51.xml",false) ); xmlhttp.send(null); var メニュー=responsexml.getElementsByTagName("Menus")[0]; 🎜>for(var i=0; i{ var menu=menus.childNodes[i]; html=html "" メニュー。 getAttribute("name") "< /h1>"; html=html "" menu.childNodes[0].getAttribute("name") "< ;br>"; for (var j=0;j{ var mi=menu.childNodes[0].childNodes[j ]; var url=mi .getAttribute("url"); var txt=mi.childNodes[0].nodeValue; html=html " "; } } document.getElementById("tb").innerHTML=html; } else { alert("どのブラウザを使用していますか? "); } } 🎜>コードをコピー コードは次のとおりです: <メニュー> <メニュー id="0" name="ホーム"> バックエンドホームページ テスト ページ <メニュー id="0" name="Try"> >バックエンド ホームページ< /MenuItem> テスト ページ TABLE は表示が逆なので使用しないので、変数を設定して表示します。 次に別の例を示します。 XML ファイルからデータを読み取るための JavaScript クラスを作成します。実装コードは次のとおりです。Copy code コードは次のとおりです: <br>/**<br>* @author Shirdrn <br>*/ <br>function XMLDoc(){}; // XMLDoc クラスを定義します <br>XMLDoc.prototype.xmlFile = "" / / xmlFile は XMLDoc のメンバーであり、「.xml」ファイルを参照します <br>XMLDoc.prototype.parseXMLDoc = function(){ // XML ファイルを解析するためのメンバー メソッドをロードします <br>var docParser; (window.ActiveXObject) { // IE ブラウザは <br>docParser = new ActiveXObject("Microsoft.XMLDOM"); <br>docParser.load(this.xmlFile); 🎜> return docParser; <br>} <br>else if(window.DOMParser) { // Mozillia ブラウザは <br>docParser = new DOMParser() <br>return docParser.parseFromString(this.xmlFile,"text/xml) をサポートします" ); <br>} <br>else { // IE および Mozillia ブラウザではない場合、解析できず false を返します。 <br>return false; <br>} <br>} <br>XMLDoc.prototype.print = function(readTagName,readTagCnt) { // 読み込んだ XML ファイルの内容情報を出力します <br>var xmlDoc = this. parseXMLDoc(); // メンバー メソッド parseXMLDoc() を呼び出して、解析された XML ファイルをロードします。 <br>var users = xmlDoc.getElementsByTagName(readTagName) // 指定されたタグ名を持つデータの配列を取得します。 users <br>for( var i=0 ; i<users.length i>document.write("<b>th" (i 1) "レコード情報: </B><br> ;") ; <br>for(var j=0 ; j<readtagcnt j>var tagname = users[i].childNodes[j].tagName; <br>var textvalue = users[i]。 childNodes[j ].text; <br>document.write(tagname " = " textvalue ".<br>"); <br>} <br>} <br>} <br><br>var xmlDoc = new XMLDoc() ; // XMLDoc IDE オブジェクト インスタンスを作成します <br>xmlDoc.xmlFile = "user.xml"; // オブジェクト インスタンスのメンバー変数のデータを設定します <br>xmlDoc.print("user",6) ); // Print Output <br><br> <br>このうち、テストに使用した XML ファイル user.xml の内容は次のとおりです。 🎜><br><br> コードをコピーします </readtagcnt></b></users.length> </div> <br><br> コードは次のとおりです: <div class="codetitle"> <span> <a style="CURSOR: pointer" data="58424" class="copybut" id="copybut58424" onclick="doCopy('code58424')"><?xml version="1.0" encoding="utf-8 " ?> <u>- <users> </u>- <user> </a><id>22240319830000</id> </span><name>Shirdrn</name> </div><年齢> ;26<年齢>男性</性別><div class="codebody" id="code58424"><電話></電話> ;/ユーザー> <br><id>19860001</id> <br><年齢></年齢> ><性別>女性</性別><br><email>linda@hotmail.com</email> <br></user> ;/users> <br><br> <br>テスト プログラムを実行すると、解析結果の出力は次のようになります: <br><br><br><br><br>コードをコピーします <br><br> <br> コードは次のとおりです: <br><br> <br>最初のレコード情報: <br>id = 22240319830000. <br>name = Shirdrn. </div>age = 26. <br>gender = 男性.<br>メール = shirdrn@hotmail.com。<div class="codetitle">電話 = 13843140000。<span>ID = 22040319860001。<a style="CURSOR: pointer" data="39861" class="copybut" id="copybut39861" onclick="doCopy('code39861')">名前 = リンダ。性別 = 女性。<u>メール = linda@hotmail.com.</u>電話 = 13843140002。</a></span> </div>XML ファイルを解析するときは、主に IE をサポートするようにしてください。および Mozillia ブラウザでは、それ以外の場合は解析されない可能性があります。 <div class="codebody" id="code39861">その他の手順については、プログラム内のコメントを参照してください。</div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
