JavaScript の解析と XML ドキュメントの読み取りサンプル code_javascript スキル

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") "
";
html=html "

" menu.childNodes[0].getAttribute("name") "

";
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("どのブラウザを使用していますか? ");
}
}

🎜>
コードをコピー

コードは次のとおりです:

バックエンドホームページ

テスト ページ

>
バックエンド ホームページ
テスト ページ




TABLE は表示が逆なので使用しないので、変数を設定して表示します。


次に別の例を示します。

XML ファイルからデータを読み取るための JavaScript クラスを作成します。実装コードは次のとおりです。

Copy code

コードは次のとおりです:

<script> <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 ) { // 二重ループ反復出力<BR>document.write("<B>th" (i 1) "レコード情報: <BR> ;") ; <BR>for(var j=0 ; j<readTagCnt ; j ) { <BR>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> コードをコピーします </script>

コードは次のとおりです:

- - 22240319830000 Shirdrn

男性性別>

電話> ;/ユーザー>
19860001
年齢> >女性性別>
linda@hotmail.com
;/users>


テスト プログラムを実行すると、解析結果の出力は次のようになります:




コードをコピーします


コードは次のとおりです:


最初のレコード情報:
id = 22240319830000.
name = Shirdrn.

age = 26.
gender = 男性.
メール = shirdrn@hotmail.com。

電話 = 13843140000。ID = 22040319860001。名前 = リンダ。性別 = 女性。メール = linda@hotmail.com.電話 = 13843140002。

XML ファイルを解析するときは、主に IE をサポートするようにしてください。および Mozillia ブラウザでは、それ以外の場合は解析されない可能性があります。

その他の手順については、プログラム内のコメントを参照してください。