0

这是加载远程内容并在 div 中显示的脚本

<body>
<script type="text/javascript">
function loadContent(elementSelector, sourceUrl) {
$(""+elementSelector+"").load("http://remote.com/abc.html");
}
</script>
</head>
<body>
<a href="javascript:loadContent('#content', '');">Link 1</a>
<div id="content">content will be loaded here</div>
asfasdfasf
</body>

但似乎有一些安全性阻止了关于跨域 ajax 的脚本，我使用 xampp 作为我的 localhost Web 服务器

chrome 控制台上的错误消息

Origin http://localhost is not allowed by Access-Control-Allow-Origin.

我已经搜索了一些解决方案，例如添加

<?php header('Access-Control-Allow-Origin: *'); ?>

但不工作。

有什么最快的方法可以解决这个问题？谢谢

4

1 回答 1

1

这是因为同源策略，它不允许页面向托管在不同域中的资源发出 Ajax 请求。

由于看起来您正在处理 HTML 内容，因此唯一的解决方案是在托管服务器支持的情况下使用CORS

于 2013-08-17T07:23:03.140 回答