从html / javascript页面查询XML文件

Question

我想写一个（简单的）html页面来查询XML文件。该页面有一个输入框，一个按钮和一个结果列表 这两个文件都是独立的，并且托管在没有PHP或任何其他服务器端脚本的服务器上 我怎么写呢？ （XML文件由外部工具生成..）
我可以在xml文件中加入标签，但是如何访问数据呢？

<script id="myxml" type="text/xmldata" src="books.xml">

我尝试使用jQuery.ajax调用但是我收到了Cross-Origin错误（'因为现在html是本地的，我请求了一个远程xml文件......）

如何设置页面？

Answer 1

来自

http://www.peachpit.com/articles/article.aspx?p=29307&seqNum=4

添加对xml的引用，如

<xml ID="books"
SRC="books.xml"></xml>

并编写一个javascript函数

function findBooks() {
   var myXML, myNodes;
   var display="";
   myXML= document.all("books").XMLDocument;
   //Put the <name> element into an object.
   myNodes=myXML.getElementsByTagName("name");
   //Extract the different values using a loop.
   for(var counter=0;counter<myNodes.length;counter++) {
      display += myNodes.item(counter).firstChild.nodeValue +
"\n";
   }
   document.show.me.value=display;
} 

更新你的dom。

<span ID="blueBack">
Read All Books
</span>
<div>
<form name="show">
<textarea name="me" cols=30
rows=5></textarea><p>
<input type="button" value="Show all"
onClick="findBooks()">
</form></div> 

我希望它有所帮助。如果你想要完整的代码，请告诉我。

感谢。