Question

我正在开发一个项目，我需要使用javascript或jQuery将数据存储在XML文件中。我的脚本代码是

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script type="text/javascript">
           $(document).ready(function(){
                $.ajax({
                    type: "POST", //I also tried POST method
                    url: "match.xml",
                    dataType: "xml",
                    success: function(data){
                        $(data).find("mchdata match").each(function(){ //match is a tag
                            $(".container").append('<div class="head">'+ $(this).attr("src") +'</div>'); //src is an attribute of match tag.
                        });
                    },
                    error: function(){
                        $(".container").text("Error occured");
                    }   
                    });
               });

        </script>

Html代码

<body>
        <div class="container"></div>
    </body>

每次我运行此代码时，都会显示“错误发生”＆＃39;容器div中的消息。我试图检查页面，它显示错误消息，如

无法加载file：/// C：/Users/vinay%20Dahiya/Desktop/match.xml：交叉源请求仅支持协议方案：http，数据，chrome，chrome-extension，https。

我不知道这是什么意思。这是正确的脚本网址

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

我试图解决这个问题持续2-3天，但不知道代码中究竟出了什么问题

XML文件为View XML file

提前致谢。

Answer 1

我建议快速修复此问题，因为您在本地计算机上进行测试并且远离生产，转到xml所在的文件夹，然后在那里启动一个简单的python服务器。使用

python -m SimpleHTTPServer

然后您可以使用

访问您的文件

http://localhost:8000/xxyy.xml

使用JavaScript读取XML文件时出错

1 个答案: