javascript - 使用 jQuery 加载 xml 文件

Question

我已经浏览 stackoverflow 一段时间了，但没有找到适合我的问题的答案 - 我想在单击按钮时加载 xml 文件的特定部分。我想将 xml 文件的部分内容加载到“contents”div 中。

这是我的 HTML 代码:

<div>
  <input type="button" id="click"/>
  <div id="content">

  </div>
</div>

这是我的 XML:

<?xml version="1.0" encoding="utf-8"?>
<books>
    <book id="jeff">
    <author>Jeffrey </author>
    <title>Books 1</title>
</book>
<book id="jerry">
    <author>Jerry</author>
    <title>Books 2</title>
</book>
<book id="jimmy">
    <author>Jimmy</author>
    <title>Boks 3</title>
</book>
<book id="jem">
    <author>Jem</author>
     <title>Books 4</title>
</book>
</books>

我已经尝试过这个(我知道这是不对的 - 所以请不要讨厌):

$(document).ready(function() {
 $('#click').click(function(){
    $.ajax({
      url : 'books.xml',
      dataType : 'xml',
    success : parse,
     });

   function parse(xml){
     $('#content').append($(xml).find('authour').text());
       }
   });
 });

我如何使用 jQuery 访问每个作者 id 规范。 (抱歉，如果我搞砸了解释!:))。

Answer 1

可以使用 jQuery 加载 xml $.ajax , $.get , $.post 。一旦你使用 jQuery，它就会有一个方法 $.parseXML :

$.ajax({url: 'file.xml', method: 'GET', dataType: 'xml'}).done(function (xml) {
  var xmlDoc = $.parseXML( xml );
  var author = $(xmlDoc).find('book[id="jem"]').find('author');
  $('#content').append('<span>' + author.text() + '</span>');
});

在本例中，服务器应使用正确的 mime 类型进行响应 Content-type: "text/xml"