IE、FireFox、Chromeなどのブラウザと互換性のあるXML処理関数jsコード_javascriptスキル

XML を処理する Web ページを作成する場合、ブラウザの互換性が頭を悩ませることがよくあります。そこで、一般的な XML 操作を関数にカプセル化しました。一定期間の改良を経て、現在では非常に安定して快適に使用できるようになりました。
関数には次のものが含まれます—
xml_loadFile: XML の同期/非同期ロード。
xml_transformNode: xsl 変換。
xml_text: ノードのテキスト。
selectSingleNode: XPath に基づいて単一ノードを選択します。
selectNodes: XPath に基づいて複数のノードを選択します。
フルコード (zyllibjs_xml.js) -

コードをコピー コードは次のとおりです。

/*
zyllibjs_xml
XML 処理
@author zyl910
注 ——
1. Chrome は、セキュリティ メカニズムの制限によりローカル ファイルを読み取ることができません。
参照
~~~~~~~~~
http://www.jinlie.net/?p=302
Chrome ブラウザが XML ドキュメントをロード
更新
~ ~ ~~~~
[2011-11-02]
定義。
[2011-11-09]
xml_loadFile: コールバック関数に isError パラメータを追加しました。
[2011-11-21]
selectSingleNode
selectNodes
*/
// XML ファイルをロードし、XML ドキュメント ノードを返します
// return: 成功時にオブジェクトを返します (同期) XML ドキュメント オブジェクトはモードで返され、操作オブジェクトは非同期モードで返され、失敗した場合は null が返されます。
// xmlUrl: XML ファイルの URL。
// funcAsync: コールバック関数。function onload(xmlDoc, isError){ ... }
function xml_loadFile(xmlUrl, funcAsync)
{
var xmlDoc = null; false;
var asyncIs = (null!=funcAsync); // 非同期読み込みかどうか。 funcAsync が空でない場合は非同期読み込みが使用され、それ以外の場合は同期読み込みが使用されます。
// パラメータをチェックします
if (""==xmlUrl) return null;
if (asyncIs)
{
if ("function"!=typeof(funcAsync)) return null;
}
// XML オブジェクトを作成します
try
{
xmlDoc = new ActiveXObject("Microsoft.XMLDOM") // IE をサポート
}
catch(ex);
{
}
if (null==xmlDoc)
{
try
{
// Firefox、Mozilla、Opera などをサポート
xmlDoc = document. implementation.createDocument("", "", null); // 空の XML ドキュメント オブジェクトを作成します。
}
catch(ex)
{
}
}
if (null==xmlDoc) return null;
// XML ドキュメントをロード
xmlDoc.async = asyncIs;
if (asyncIs)
{
if(window.ActiveXObject)
{
xmlDoc.onreadystatechange = function(){
if(xmlDoc.readyState == 4)
{
var isError = false;
if (null!=xmlDoc.parseError)
{
isError = (0!=xmlDoc.parseError.errorCode); // 0 成功、失敗0 は失敗しました。
}
funcAsync(xmlDoc, isError);
}
}
}
else
{
xmlDoc.onload = function(){
funcAsync( xmlDoc, false);
}
}
}
try
{
xmlDoc.load(xmlUrl);
catch(ex)
{
//alert(ex.message) // ブラウザが Chrome の場合、次の例外がキャッチされます: オブジェクト # (ドキュメント) には "load" メソッドがありません
isChrome = true
xmlDoc = null; ;
}
if (isChrome)
{
var xhr = new XMLHttpRequest();
if (asyncIs) // 非同期
{
xhr.onreadystatechange = function( ){
if(xhr.readyState == 4)
{
funcAsync(xhr.responseXML, xhr.status != 200);
}
}
xhr.open( "GET", xmlUrl, true);
try // 非同期モードでは、コールバック関数がエラーを処理します。
{
xhr.send(null);
}
catch(ex)
{
funcAsync(null, true);
return null; 🎜>return xhr; // 注: 返されるのは XMLHttpRequest です。非同期モードで戻り値をテストする場合は、null のみを使用することをお勧めします。
}
else // 同期
{
xhr.open("GET", xmlUrl, false); // 同期モード、呼び出し元による例外の処理
xmlDoc = xhr.responseXML;
}
}
return xmlDoc;
}
// XSLT を使用して XML ドキュメントを文字列に変換します。
function xml_transformNode(xmlDoc, xslDoc)
{
if (null==xmlDoc) return "";
if (null==xslDoc) return "";
if (window.ActiveXObject) ) // IE
{
return xmlDoc.transformNode(xslDoc)
}
else // FireFox、Chrome
{
// XSLTProcesor オブジェクトを定義します
var xsltProcessor= new XSLTProcessor();
xsltProcessor.importStylesheet(xslDoc);
var result=xsltProcessor.transformToDocument(xmlDoc);
var xmls=new XMLSerializer(); rt = xmls.serializeToString(result);
return rt;
}
}
// ノードのテキストを取得します
function xml_text(xmlNode)
{
if (null ==xmlNode) return "";
var rt;
if (window.ActiveXObject) // IE
{
rt = xmlNode.text;
else
{
// FireFox、Chrome、...
rt = xmlNode.textContent;
}
if (null==rt) rt=xmlNode.nodeValue; // XML DOM return rt;
}
// メソッドを追加します。 FireFoxおよびChromeと互換性を持たせるため。
if (!window.ActiveXObject)
{
XMLDocument.prototype.selectSingleNode = Element.prototype.selectSingleNode = function (xpath)
{
var x = this.selectNodes(xpath)
if ( ! x ||
{
var xpe = new XPathEvaluator();
var nsResolver = xpe.createNSResolver( this.ownerDocument == null?this.documentElement : this.ownerDocument.documentElement) ;
var result = xpe .evaluate(xpath, this , nsResolver, 0 , null );
var res
while (res = result.iterateNext())
見つかった.push(res );
見つかったものを返す
}
}


Chrome ブラウザは XML ドキュメントをロードします
Chrome ブラウザは、XML ドキュメントをロードするためのloadメソッドをサポートしていません。オンラインで検索した後、次の解決策が必要です:

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

function loadXMLDoc( xml_name)
{
var xmlDoc;
try
{
xmlDoc = new ActiveXObject("Microsoft.XMLDOM") // IE をサポート
｝
catch(e)
{
try
{
// Firefox、Mozilla、Opera などをサポート
xmlDoc = document.implementation.createDocument("", "", null) ;/ / 空の XML ドキュメント オブジェクトを作成します。
}
catch(e)
{
alert(e.message);
}
}
// XML ドキュメントをロード
try
{
xmlDoc.async = false; // 非同期読み込みをオフにする
xmlDoc.load(xml_name);
catch(e)
{
//alert(e.message) if ブラウザが Chrome の場合、次の例外をキャッチします: オブジェクト # (ドキュメント) にはメソッド "load" がないため、次の実装は XML ドキュメントの Chrome ロードをサポートします (大まかに書いています)
var xhr = new XMLHttpRequest() ;
xhr.open("GET", xml_name, false);
xhr.responseXML.documentElement;
xhr.responseXML.documentElement; >}


ところで、ブラウザごとに XML 文字列のロード方法が異なります。
IE は、loadXML() メソッドを使用して XML 文字列を解析します。

コードをコピーします

コードは次のとおりです: xmlDoc.loadXML(xml_str); FireFox などは DOMParser オブジェクトを使用して XML 文字列を解析します:

コードをコピー

コードは次のとおりです: var parseXml = new DOMParser(); var doc = parseXml.parseFromString(xml_str,"text/xml"); >