Question

嘿伙计们我正在尝试加载一个XML文件，然后在类别为＃34; p2＆＃34;的段落中使用XML文件中的数据，这是我目前的代码

<html>
<body>

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
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","cd_catalog.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML; 

var location;

$(document).ready(function(){
location = $("p").find(".p2");
}

location.append("<table border='1'>");
var x=xmlDoc.getElementsByTagName("CD");
for (i=0;i<x.length;i++)
  { 
  location.append("<tr><td>");
  location.append(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
  location.append("</td><td>");
  location.append(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
  location.append("</td></tr>");
  }
location.append("</table>");
</script>

<p class="p1"> Paragraph 1 </p>

<p class="p2"></p>

<p class="p3"> Paragraph 3 </p>

</body>
</html>

我做错了什么？

Answer 1

您

location = $("p").find(".p2");

正在文档中发生，我猜你的

location.append("<table border='1'>");

部分是在文档就绪函数执行之前被调用的，因为它放在它之外。

您可以尝试在文档就绪功能中移动它吗？

看起来准备好的文件也缺少一个结束括号

使用特定段落中的XML内容填充html页面

1 个答案: