jquery、XML 到 HTML

Question

我有一个关于解析 xml 的问题。

我想获取一些 xml 数据到 HTML，但我有一个问题，我只能从本地 xml 获取这些数据，当我尝试从外部 URL 获取数据时，它不起作用，例如从

http://www.w3schools.com/XML/plant_catalog.xml

这是jquery:

<script type="text/javascript">
        $(document).ready(function(){
            $.ajax({
                type: "GET",
                url: "http://www.w3schools.com/XML/plant_catalog.xml",
                dataType: "xml",
                success: function(xml) {
                    $(xml).find('CATALOG').each(function(){
                        var title = $(this).find('BOTANICAL').text();
                        var url = $(this).find('BOTANICAL').text();
                        $('<div class="items" id="link_"></div>').html('<a href="'+url+'">'+title+'</a>').appendTo('#page-wrap');

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

和 HTML:

<div id="page-wrap">
        <h1>Reading XML with jQuery</h1>
     </div>

非常感谢!

Answer 1

出于安全原因，您无法请求来自不同域的文件。

引用http://api.jquery.com/jQuery.ajax/

When data is retrieved from remote servers (which is only possible using the script or jsonp data types)