Question

我正在尝试通过jQuery get方法加载XML数据。 XML Feed位于以下URL： http://webservices.nextbus.com/service/publicXMLFeed?command=routeList&a=mbta

当我在浏览器中运行以下代码时，出现错误：

XMLHttpRequest无法加载 http://webservices.nextbus.com/service/publicXMLFeed?command=routeList&a=mbta。原点http://173.203.89.156不是允许的访问控制允许来源。

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<title>Bus Map</title>
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  #map_canvas { height: 100% }
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true">
</script>
<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js">
</script>
<script type="text/javascript">

    $(document).ready(function() {
        var myLatlng = new google.maps.LatLng(42.3966499, -71.12188);
        var myOptions = {
            zoom: 14,
            center: myLatlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
        $.get('http://webservices.nextbus.com/service/publicXMLFeed?command=routeList&a=mbta', function(stops) {
            alert(stops[0]);                                                                                                    
        })
    });

</script>
</head>

<body>
<div id="map_canvas" style="width: 100%; height: 100%"></div>
</body>
</html>

此域是否明确阻止所有跨域XMLHTTP请求，还是可以绕过此错误？

Answer 1

浏览器阻止跨域xhrs。对于xhrs，您需要遵循一个名为Same-Origin-Policy的内容，或者您需要使用替代方法，如服务器端代理或jsonp（如果它由应用程序提供）。

Answer 2

如果您需要绕过同一个域问题（就像许多API一样），请查看JSONP。我对jQuery并不熟悉，但如果URL有回调参数，它似乎会使用getJSON进行JSONP调用。

跨域XMLHTTPRequest错误

2 个答案: