4

我想从其他网站检索 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，所以我可能在这里完全错过了一些东西......

非常感谢。

4

1 回答 1

5

Javascript 请求只能在特定情况下跨域。以下是一些技术和解决方法的摘要。

  1. 如果源有可用的 JSONP，则可以规避跨域限制。http://www.sitepoint.com/jsonp-examples/

  2. 不太可能，但如果源具有源策略，则可以执行跨域请求。看到您收到错误消息，我怀疑来源是否有此政策。如果我记得，并非所有浏览器都支持这...

  3. 如果我记得，有一些 iFrame 方法（我称之为 hacks）来传输数据。充其量不是最佳的。

  4. 如果一切都失败了，您可以使用 PHP 缓存 JSON 文件并将其存储在您的服务器上。不再是跨域。

更多细节可以在绕过同源策略的方法中找到

如果您尝试从公共 API 中提取它，那么他们很可能有可用的 JSONP。如果他们不这样做，他们可能不希望您每次都提取数据（他们不想支付带宽费用），而是希望您在必要时使用 PHP 对其进行缓存。

于 2014-07-09T20:36:01.260 回答