javascript读取xml文件出现跨域问题怎么解决?
<!DOCTYPEhtmlPUBLIC"-//W#C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!DOCTYPE html PUBLIC "-//W#C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>getJSON函数获取数据</title>
<meta charset="utf-8" />
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
<style type="text/css"></style>
<script type="text/javascript">
$(function(){
$("#Button1").click(function(){
$.get("http://www.w3school.com.cn/example/xmle/note.xml",function(data){
$("#divTip").empty();
var strHTML="";
$(data).find("note").each(function(){
var $strUser=$(this);
strHTML+="发送给:"+$strUser.find("to").text()+"<br>";
strHTML+="发出者:"+$strUser.find("from").text()+"<br>";
strHTML+="标题:"+$strUser.find("heading").text()+"<hr>";
})
$("#divTip").html(strHTML);
})
})
})
</script>
</head>
<body>
<div class="divFrame">
<div class="divTitle">
<input type="button" id="Button1" class="bnt" value="请求数据" />
</div>
<div class="divContent">
<div id="divTip"></div>
</div>
</div>
</body>
</html>
上面代码运行时chrome出现错误XMLHttpRequest cannot load http://www.w3school.com.cn/example/xmle/note.xml. Origin http://localhost is not allowed by Access-Control-Allow-Origin.怎么解决? 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>getJSON函数获取数据</title>
<meta charset="utf-8" />
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
<style type="text/css"></style>
<script type="text/javascript">
$(function(){
$("#Button1").click(function(){
$.get("http://www.w3school.com.cn/example/xmle/note.xml",function(data){
$("#divTip").empty();
var strHTML="";
$(data).find("note").each(function(){
var $strUser=$(this);
strHTML+="发送给:"+$strUser.find("to").text()+"<br>";
strHTML+="发出者:"+$strUser.find("from").text()+"<br>";
strHTML+="标题:"+$strUser.find("heading").text()+"<hr>";
})
$("#divTip").html(strHTML);
})
})
})
</script>
</head>
<body>
<div class="divFrame">
<div class="divTitle">
<input type="button" id="Button1" class="bnt" value="请求数据" />
</div>
<div class="divContent">
<div id="divTip"></div>
</div>
</div>
</body>
</html>
上面代码运行时chrome出现错误XMLHttpRequest cannot load http://www.w3school.com.cn/example/xmle/note.xml. Origin http://localhost is not allowed by Access-Control-Allow-Origin.怎么解决? 展开
2个回答
展开全部
首先楼上说的jsonp的方法是可行的
其次,可以对服务器的Access-Control-Allow-Origin属性进行配置,不知道楼主用的是什么应用服务器,如果是IIS的话,是可以直接配置的,如果是Tomcat的话貌似只有7.0以上才支持配置这个的,其他的应用服务器也没怎么用过,所以不是很清楚了。
另外,如果要是程序和请求的服务在同一个服务下,可以使用document.domain='xxxx.com'将两者提到同一个域下~
其次,可以对服务器的Access-Control-Allow-Origin属性进行配置,不知道楼主用的是什么应用服务器,如果是IIS的话,是可以直接配置的,如果是Tomcat的话貌似只有7.0以上才支持配置这个的,其他的应用服务器也没怎么用过,所以不是很清楚了。
另外,如果要是程序和请求的服务在同一个服务下,可以使用document.domain='xxxx.com'将两者提到同一个域下~
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
使用一些JSONP 方法尝试下把,js同源策略,不允许js跨域访问资源,.get方法同样受制于这样限制。
http://www.jb51.net/article/21213.htm
http://www.jb51.net/article/21213.htm
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询