我想从其他网站检索json数据，所以我试图做一个简单的跨域请求。我在Wamp上运行了这个index.php文件:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" manifest="manifest.appcache">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MySite</title>
<script type="text/javascript">
function getXDomainRequest() {
var xdr = null;
if (window.XDomainRequest) {
xdr = new XDomainRequest();
} else if (window.XMLHttpRequest) {
xdr = new XMLHttpRequest({mozSystem: true});
} else {
alert("Your browser does not support AJAX");
}
return xdr;
}
function sendData() {
var xdr = getXDomainRequest();
xdr.onload = function() {
alert(xdr.responseText);
}
xdr.open("GET", "http://example.com");
xdr.send();
}
</script>
</head>
<body>
<p>
<input type="button" onclick="sendData();" value="Retrieve" />
</p>
</body>
</html>
但是我得到一个错误，说跨原点请求已被阻止。我对js很陌生，这是我第一次尝试在js中使用web API，所以我可能在这里完全错过了一些东西…
Javascript请求只能在特定情况下跨域。下面是一些技巧和解决方法的总结。
-
如果源具有可用的JSONP，则可以绕过跨域限制。http://www.sitepoint.com/jsonp-examples/
-
不太可能，但如果源具有起源策略，那么您可以执行跨域请求。看到你得到错误，我怀疑源有这个策略。如果我没记错的话，不是所有的浏览器都支持这个…
-
如果我记得的话，有一些iFrame方法(我称之为hack)来传输数据。
-
如果所有这些都失败了，您可以使用PHP缓存JSON文件并将其存储在服务器上。
更多细节请参见规避同源策略的方法
如果您试图从公共API中提取它，那么很可能他们有可用的JSONP。如果他们不这样做，很可能他们不希望您每次都提取数据(他们不想支付带宽账单)，而是希望您在必要时使用PHP缓存它。