Question

以下是加载远程内容并在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: *'); ?>

但不行。

解决此问题的最快方法是什么？感谢

Answer 1

由于same origin policy，它不允许页面向托管在不同域中的资源发出Ajax请求。

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

使用jquery加载远程内容

1 个答案: