Question

请检查此代码，如果我在$ .parseXML中使用URL，则documentElement将无效。

我正在尝试将此XML file传递到表格中。但是如果使用URL paser，parseXML将无法工作。

＆＃13;

var xml = $.parseXML("<ExtractSummaryDateSet><_date>2017-09-20</_date><_portfolioSummaries><ExtractSummaryDateSetDetail><_portfolioName>52613661</_portfolioName><_detail><Before>0</Before><After>-329</After><ChangeMaturing>0</ChangeMaturing><ChangeNew>-329</ChangeNew></_detail></ExtractSummaryDateSetDetail><ExtractSummaryDateSetDetail><_portfolioName>52613661_LP</_portfolioName><_detail><Before>0</Before><After>-329</After><ChangeMaturing>0</ChangeMaturing><ChangeNew>-329</ChangeNew></_detail></ExtractSummaryDateSetDetail><ExtractSummaryDateSetDetail><_portfolioName>526136|Total</_portfolioName><_detail><Before>0</Before><After>-329</After><ChangeMaturing>0</ChangeMaturing><ChangeNew>-329</ChangeNew></_detail></ExtractSummaryDateSetDetail></_portfolioSummaries></ExtractSummaryDateSet>");
var extractTableData = function(x){
  var detailField = [];
  detailField.push({});
  detailField[0].title = 'Name';
  detailField[0].values = [];
  for (var i =0; i<x.length; i++){
      detailField[0].values.push(x[i].childNodes[0].innerHTML);
      var detail = x[i].childNodes[1].childNodes;
      for(var j =0 ; j<detail.length; j++){
         var detailf = detailField.find(function(arr){
         			return arr.title === detail[j].localName 
         });
      	 if(!detailf){
        	detailField.push({
          	'values' : [],
            'title' : null
          });
          detailField[detailField.length -1].values.push(detail[j].innerHTML);
          detailField[detailField.length -1].title = detail[j].localName;
         }
         else{
         	detailf.values.push(detail[j].innerHTML);
         }
      }
     }
  return detailField;
};

$(document).ready(function(){
        $("#test1").html(function(i, origText){
          debugger;
          var doc = xml.documentElement;
          var table = "<table>";
          table+= "<tr><th>"+doc.childNodes[0].localName+"</th><td>"+doc.childNodes[0].innerHTML+"</td></tr>"+   
            "<tr><th>"+doc.childNodes[1].localName+"</th><td>_</td>";
          table+="</table>";
         
          table+="<hr>"
          var x = doc.childNodes[1].childNodes;
          var tableData = extractTableData(x);
          table+="<table>"
          for(var i=0; i<tableData.length; i++)
          {
          	 table+="<tr><th>"+tableData[i].title+"</th>";
             for(var j=0;j<tableData[i].values.length;j++){
             		table+="<td>"+tableData[i].values[j]+"</td>"
             }
             table+="</tr>"
          }
          return table+="</table>";
    });   
});

＆＃13;

table {  
    color: #333; /* Lighten up font color */
    font-family: Helvetica, Arial, sans-serif; /* Nicer font */
    width: 640px; 
    border-collapse: 
    collapse; border-spacing: 0; 
}

td, th { border: 1px solid #CCC; height: 30px; } /* Make cells a bit taller */

th {  
    background: #F3F3F3; /* Light grey background */
    font-weight: bold; /* Make sure they're bold */
}

td {  
    background: #FAFAFA; /* Lighter grey background */
    text-align: center; /* Center our text */
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<body>
  <div id="test1">Table</div>
</body>

＆＃13;

情景

我在parseXML中找到的大多数Doc都使用直接导入，如

var xml = "<rss version='2.0'><channel><title>RSS Title</title></channel></rss>",


xmlDoc = $.parseXML( xml ),

是否可以这样做

xhttp.open("GET", "URL", true);
var xml = xhttp.responseXML;
xmlDoc = $.parseXML( xml )

我理解responseXML并不是单独使用parseXML，只是一个示例来显示$ .parseXML，是否能够直接从URL调用或者有其他方法可以做到这一点？

Answer 1

由于您已经在使用jQuery，因此您可以使用$.get(url, callback)对URL执行Ajax提取，然后在响应中自动检测XML，并提供已解析的Document对象回调：

$.get("https://myurl/file.xml", function(xml) {
    // parsed document named `xml` exists in here
});
// parsed document does not exist out here

您需要稍微重构您的代码，因为$.parseXML是同步的并且立即返回其结果，而网络提取是异步的，并且将它们的值提供给将来某个时候调用的回调函数。如果您需要帮助了解如何重构以允许异步Ajax提取，请参阅How do I return the response from an asynchronous call?

是parseXML（）能够解析URL而不是str？

1 个答案: