我对跨域JavaScript的概念有一个问题。
有一台服务器（例如amazon.com），只有特定的域名才能使用他们的网络服务。 因此，如果我试图从本地使用他们的服务，肯定是不行的。我在我的控制台中看到了以下信息：
跨域请求被阻止：同源策略禁止读取远程资源 http://football20.myfantasyleague.com/2014/export?TYPE=rosters&L=52761&W=&JSON=0。 这可以通过将资源移动到相同的域中或启用CORS来解决。
附注：我也使用了jQuery的跨域方式，但没有成功。
但是，如果某个域名是被选中的域之一且可以使用亚马逊的网络服务，则该域名有一个JavaScript文件，如果我们在HTML中包含该文件，它将起作用。
<script src="http://example.com"></script>
他们有一种使用Ajax获取响应的方法。
我的问题是：
重要提示：如果另一端的服务器没有启用，您无法在客户端代码中执行任何操作以允许跨源ajax请求。
在回答您的问题之前，让我先给您介绍一下背景：
简而言之，同源安全策略确保来自一个源的脚本不能获取其他来源的内容。现在，为了向您解释“源”的概念，让我引用Wikipedia Same-Origin Security Policy文章的部分内容：
因此，例如，您的JavaScript不能从其他服务器下载任何内容（也就是说，向Web服务器发出HTTP请求）。这正是为什么您无法对其他域进行XmlHttpRequests（也称为AJAX）的原因。The following table gives an overview of typical outcomes for checks against the URL "http://www.example.com/dir/page.html".
Compared URL Outcome Reason ------------------------------------------------------- ------- ---------------------- http://www.example.com/dir/page2.html Success Same protocol and host http://www.example.com/dir2/other.html Success Same protocol and host http://username:password@www.example.com/dir2/other.html Success Same protocol and host http://www.example.com:81/dir/other.html Failure Same protocol and host but different port https://www.example.com/dir/other.html Failure Different protocol http://en.example.com/dir/other.html Failure Different host http://example.com/dir/other.html Failure Different host (exact match required) http://v2.www.example.com/dir/other.html Failure Different host (exact match required) http://www.example.com:80/dir/other.html Depends Port explicit. Depends on implementation in browser.Unlike other browsers, Internet Explorer does not include the port in the calculation of the origin, using the Security Zone in its place.
http://my-cool-site.com，并且您有一个第三方API在域http://third-party-site.com上，您可以通过AJAX访问它。my-cool-site.com的页面向third-party-site.com发出请求。通常情况下，用户的浏览器会拒绝对除自己的域/子域之外的任何其他站点的AJAX调用，根据同源安全策略。但如果浏览器和第三方服务器支持CORS，则会发生以下事情：
Browser will send and Origin HTTP header to third-party-site.com
Origin: http://my-cool-site.com
If the third party server accepts requests from your domain, it will respond with an Access-Control-Allow-Origin HTTP header:
Access-Control-Allow-Origin: http://my-cool-site.com
To allow all domains, third party server can send this header:
Access-Control-Allow-Origin: *
If your site is not allowed, browser will throw an error.
如果客户端使用 支持CORS的现代浏览器，并且你的第三方服务器也支持CORS，那么CORS对你很有用。
在一些过时的浏览器中（例如IE8），你必须使用Microsoft特定的XDomainRequest对象来替代XMLHttpRequest，以便能够正确地使用CORS进行调用；不过这已经过时了，所有现代浏览器（包括微软的浏览器）都将CORS处理为XMLHttpRequest。但如果你需要支持过时的浏览器，该页面描述了如何实现它：
To make a CORS request you simply use
XMLHttpRequestin Firefox 3.5+, Safari 4+ and Chrome andXDomainRequestobject in IE8+. When usingXMLHttpRequestobject, if the browser sees that you are trying to make a cross-domain request it will seamlessly trigger CORS behaviour.Here is a javascript function that helps you create a cross browser CORS object.
function createCORSRequest(method, url){ var xhr = new XMLHttpRequest(); if ("withCredentials" in xhr){ // XHR has 'withCredentials' property only if it supports CORS xhr.open(method, url, true); } else if (typeof XDomainRequest != "undefined"){ // if IE use XDR xhr = new XDomainRequest(); xhr.open(method, url); } else { xhr = null; } return xhr; }
再次强调，这仅适用于过时的浏览器。
ps -ef | grep apache
这将给您Apache的位置。找到后输入：
<apache-location> -V
以下命令会返回 httpd.conf 文件的确切位置：
-D SERVER_CONFIG_FILE="/etc/apache2/apache2.conf"
<directory>。一旦找到该标签，在其右侧输入以下内容：Header set Access-Control-Allow-Origin "*"
保存文件并通过运行以下命令来确认语法是否正确：
apachectl -t
apachectl -k graceful
一旦服务器重启，您的文件现在应该可以通过外部脚本访问。
如果由于错误而无法保存配置，请尝试退出编辑器并键入：
sudo chmod 755 httpd.conf
<!doctype html>
<html>
<head>
<title>TEST</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js"></script>
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<!-- Insert Scripts & CSS Here -->
<link rel="stylesheet" type="text/css" href="http://d1e24pw9mnwsl8.cloudfront.net/c/bootstrap/css/bootstrap.min.css">
</head>
<body>
<script>
jQuery.get('yourwebsite.com/file.csv', function(data) {
document.write(data);
});
</script>
</body>
</html>
生成的输出应该与yourwebsite.com/file.csv上的实时数据源镜像一致。
如果加载该html页面没有输出，请在Firefox上按f12打开开发人员控制台。很可能你会看到一个错误：
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at yourwebsite.com/file.csv. This can be fixed by moving the resource to the same domain or enabling CORS.
Access-Control-Allow-Origin "*"** 可能会非常有害。 - sampathsrisAccess-Control-Allow-Origin: http://www.example-website.com。 - AndrewHeader set Access-Control-Allow-Origin *
这不是前端的问题，而是后端的问题。您应该允许后端的CORS来源。
我正在使用Django，并添加了CORS中间件并允许CORS_ORIGINS解决了这个问题。
添加CORS中间件。
MIDDLEWARE = [
...
'corsheaders.middleware.CorsMiddleware',
...
]
并允许CORS。您可以允许所有来源或仅允许特定来源。
CORS_ORIGIN_ALLOW_ALL = True
只允许特定来源
CORS_ORIGIN_ALLOW_ALL = False
CORS_ORIGIN_WHITELIST = (
'<YOUR_DOMAIN>[:PORT]',
)
一个例子：
CORS_ORIGIN_ALLOW_ALL = False
CORS_ORIGIN_WHITELIST = (
'127.0.0.1:3000', 'frontend.com',
)
<script>标签加载的JavaScript文件的URL没有影响。 - Pointy<script>标签加载JavaScript时，实际上会获取该文件并在客户端上运行。 - Pointy