0

https://developer.mozilla.org/en-US/docs/JXONに従って 、xml ファイルを JSON に変換するアルゴリズムを作成しています。しかし、運が悪い。私は何か間違ったことをしていると思います！

次の行の「doc」の代わりに何を渡す必要がありますか:

 var myObject = new JXONTree(doc);

私はこれを試しました： 

<!DOCTYPE html>  
<html lang="en">  
<head>  
<title>Welcome</title>  

<script type="text/javascript" src="sample1.js"></script>  

<script type="text/javascript">  

 /*  
 * Loading xml on the browser page  
 */  
function loadXML()  
{  
     try
    { 
         if (window.XMLHttpRequest)  
        {
             // code for IE7+, Firefox, Chrome, Opera, Safari  
             xmlhttp = new XMLHttpRequest();  
        }
        else  
        {  
            // code for IE6, IE5  
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");  
        }  
        xmlhttp.open("GET", "sample.xml", false);  
        xmlhttp.send();  
     }  
    catch(e)  
    {  
        alert("Please enable file access to read config file");  
    }  
    var response = xmlhttp.responseXML;  
    if (response == null)  
    {  
        alert("Error in xml file ..Please check config.xml file is valid or not !");  
    }  
    return response;  
 }  

function myFun()  
{  
    //Loading config xml  
    var xmlDoc = loadXML();  
    var myObject = new JXONTree(xmlDoc);  
     alert(myObject);  
} 
 </script>  

</head>  

 <body onload="myFun()">  
 Hello
</body>  
</html>

私の sample.xml : 

<?xml version="1.0"?>  
<!DOCTYPE catalog SYSTEM "catalog.dtd">  
<catalog>  
   <product description="Cardigan Sweater">  
   <catalog_item gender="Men's">  
     <item_number>QWZ5671</item_number>  
     <price>39.95</price>  
     <size description="Medium">  
       <color_swatch image="red_cardigan.jpg">Red</color_swatch>  
       <color_swatch image="burgundy_cardigan.jpg">Burgundy</color_swatch>  
     </size>  
      <size description="Large">  
       <color_swatch image="red_cardigan.jpg">Red</color_swatch>  
        <color_swatch image="burgundy_cardigan.jpg">Burgundy</color_swatch>  
     </size>  
   </catalog_item>  
    <catalog_item gender="Women's">  
    <item_number>RRX9856</item_number>  
     <discount_until>Dec 25, 1995</discount_until>  
     <price>42.50</price>  
     <size description="Medium">  
        <color_swatch image="black_cardigan.jpg">Black</color_swatch>  
     </size>  
    </catalog_item>  
  </product>  
   <script type="text/javascript"><![CDATA[function matchwo(a,b) {  
    if (a < b && a < 0) { return 1; }  
     else { return 0; }  
  }]]></script>  
  </catalog>

したがって、これを実行すると、Opera で次のようなエラーが発生します。

構成ファイルを読み取るには、ファイル アクセスを有効にしてください。Opera12 で Allow File XMLHttpRequest を有効にしました。まだ運がない！Google Chrome で問題なく動作します。それで、私が見逃しているのは何ですか？

助けてください。

ありがとう

4

2 に答える 2

0

@sneha の回答から始めて、私のために働きicktoofayます。

私はクロムカナリアコンソールでこれを直接行っています:

入力：

navigator.userAgent

出力：

"Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1506.0 Safari/537.36"

入力：

prsr = new DOMParser()

出力：

DOMParser {parseFromString: function}

入力：

doc = '<?xml version="1.0"?>  <!DOCTYPE catalog SYSTEM "catalog.dtd">  <catalog>     <product description="Cardigan Sweater">     <catalog_item gender="Men\'s">       <item_number>QWZ5671</item_number>       <price>39.95</price>       <size description="Medium">         <color_swatch image="red_cardigan.jpg">Red</color_swatch>         <color_swatch image="burgundy_cardigan.jpg">Burgundy</color_swatch>       </size>        <size description="Large">         <color_swatch image="red_cardigan.jpg">Red</color_swatch>          <color_swatch image="burgundy_cardigan.jpg">Burgundy</color_swatch>       </size>     </catalog_item>      <catalog_item gender="Women\'s">      <item_number>RRX9856</item_number>       <discount_until>Dec 25, 1995</discount_until>       <price>42.50</price>       <size description="Medium">          <color_swatch image="black_cardigan.jpg">Black</color_swatch>       </size>      </catalog_item>    </product>     <script type="text/javascript"><![CDATA[function matchwo(a,b) {      if (a < b && a < 0) { return 1; }       else { return 0; }    }]]></script>    </catalog>'

入力：

doc2 = prsr.parseFromString(doc, 'application/xml')

出力：

#document
<!DOCTYPE catalog SYSTEM "catalog.dtd">
<catalog>...</catalog>

入力：

/*\
|*|
|*|  JXON Snippet #3 - Mozilla Developer Network
|*|
|*|  https://developer.mozilla.org/en-US/docs/JXON
|*|
\*/

function parseText (sValue) {
  if (/^\s*$/.test(sValue)) { return null; }
  if (/^(?:true|false)$/i.test(sValue)) { return sValue.toLowerCase() === "true"; }
  if (isFinite(sValue)) { return parseFloat(sValue); }
  if (isFinite(Date.parse(sValue))) { return new Date(sValue); }
  return sValue;
}

入力：

function getJXONTree (oXMLParent) {
  var vResult = /* put here the default value for empty nodes! */ true, nLength = 0, sCollectedTxt = "";
  if (oXMLParent.hasAttributes()) {
    vResult = {};
    for (nLength; nLength < oXMLParent.attributes.length; nLength++) {
      oAttrib = oXMLParent.attributes.item(nLength);
      vResult["@" + oAttrib.name.toLowerCase()] = parseText(oAttrib.value.trim());
    }
  }
  if (oXMLParent.hasChildNodes()) {
    for (var oNode, sProp, vContent, nItem = 0; nItem < oXMLParent.childNodes.length; nItem++) {
      oNode = oXMLParent.childNodes.item(nItem);
      if (oNode.nodeType === 4) { sCollectedTxt += oNode.nodeValue; } /* nodeType is "CDATASection" (4) */
      else if (oNode.nodeType === 3) { sCollectedTxt += oNode.nodeValue.trim(); } /* nodeType is "Text" (3) */
      else if (oNode.nodeType === 1 && !oNode.prefix) { /* nodeType is "Element" (1) */
        if (nLength === 0) { vResult = {}; }
        sProp = oNode.nodeName.toLowerCase();
        vContent = getJXONTree(oNode);
        if (vResult.hasOwnProperty(sProp)) {
          if (vResult[sProp].constructor !== Array) { vResult[sProp] = [vResult[sProp]]; }
          vResult[sProp].push(vContent);
        } else { vResult[sProp] = vContent; nLength++; }
      }
    }
  }
  if (sCollectedTxt) { nLength > 0 ? vResult.keyValue = parseText(sCollectedTxt) : vResult = parseText(sCollectedTxt); }
  /* if (nLength > 0) { Object.freeze(vResult); } */
  return vResult;
}

入力：

doc2.documentElement

出力：

<catalog>​…​&lt;/catalog>​

入力：

myObject = getJXONTree(doc2.documentElement);

出力：

myObject
Object {product: Object, script: Object}
product: Object
@description: "Cardigan Sweater"
catalog_item: Array[2]
__proto__: Object
script: Object
@type: "text/javascript"
keyValue: "function matchwo(a,b) {      if (a < b && a < 0) { return 1; }       else { return 0; }    }"
__proto__: Object
__proto__: Object
于 2013-05-14T20:59:49.997 に答える
0

DOMDocumentオブジェクトを渡します。を使用して XML ドキュメントを取得する場合はXMLHttpRequest、プロパティとして使用できresponseXMLます。それ以外の場合は、次のように使用します。

var parser = new DOMParser();  // only available in some newer browsers
var doc = parser.parseFromString(yourXMLString, 'application/xml');
于 2013-03-21T04:52:19.077 に答える