jquery ajax读取本地xml文件问题

问题描述:

为什么我用ajax读取本地同一目录下的xml文件会报错拒绝访问,初学者,各位大神求帮助
图片说明
图片说明

  <script language="JavaScript">
    $().ready(function(){
            $("#province").change(function(){
                //清空city
                $("#city option:not(:first)").remove();     
                //根据province设置city
                var prov = $(this).val();
                $.post("cities.xml",function(data){
                    var $xmlProv = $(data).find("province[name="+prov+"]");
                    var $cities = $xmlProv.find("city");
                    $cities.each(function(i,city){
                        var $opt = $("<option></option>");
                        $opt.text($(city).text());
                        $opt.appendTo($("#city"));
                    });
                },"xml");

            });
        })
     </script>

搭建服务器通过http协议访问,拖进浏览器看效果不要使用ie或者chrome,用firefox

而且注意xml这种默认不支持post请求,用$.get,而不是$.post,除非你配置过xml可以post请求

你这个是想用级联吗?感觉是浏览器屏蔽了,你可以试试json文件的读取。