使用 jQuery 解析 XML

我有以下 xml：

<?xml version="1.0" encoding="utf-8"?>
<Area xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema">
 <Scenes>
   <Scene Index="1" Name="Scene1" />
   <Scene Index="2" Name="Scene2" /> 
 </Scenes>
</Area>

我正在尝试用 jquery 解析：

<script>
        $(document).ready(function(){
            $.ajax({
                type: "GET",
                url: "list.xml",
                dataType: "xml",
                success: function(xml) {
                    $(xml).find('scenes').each(function(){
                            $(this).find('scene').each(function(){
                            var name = $(this).attr('name');                            
                            $('<div class="items" ></div>').html('<p>'+name+'</p>').appendTo('#page-wrap'); 

                        });                     
                    });
                }
            });
        });
</script>

为什么这不起作用？帮助！！第一次尝试 javascript/jquery 这是基于我找到的一个示例，但到目前为止还无法使其适应我的使用情况。 / 拉尔斯

这段代码在 Safari 和（令人惊讶的）Firefox 中适用于我：

$.ajax({
    type: "GET",
    url: "list.xml",
    dataType: "xml",
    success: function(xml) {
  $(xml).find('Scenes').each(function(){
      $(this).find('Scene').each(function(){
          var name = $(this).attr('Name');                            
          $('<div class="items" ></div>').html('<p>'+name+'</p>').appendTo('#page-wrap'); 
             });                     
         });
    },
    error:function(a,b,c) { console.log( c ) }
});

它在某些浏览器中不起作用的原因可能是由于您是从文件系统托管的（假设您是）。由于同源策略，Chrome 和 Firefox 在通过 AJAX 请求访问文件系统时往往会出现问题。

JavaScript 很好。你要么得到一个空响应，要么得到一个错误。

这个问题可能适用：

Chrome 中使用本地文件的 jQuery getJSON 问题