javascript - 导入html的外部部分

Question

使用 Jquery 将已发布的 HTML 文件的一部分导入到本地 HTML 文件内的 DIV 是否有效？示例:

<script type="text/javascript">
    $(document).ready(function(){
        $(".import-to" ).load( "https://souqcms.s3.amazonaws.com/spring/cms/en/eg/2015/LPs/Test/Arabic_Fonts/index.html h1" );
    })
</script>

<div class="import-to"></div>

Answer 1

使用 Ajax 时存在跨域问题。您必须确保在相同的 http://路径(不带 www)上访问文件。 (或从 http://www 访问。并发布到包括 www. 的相同路径。)通过 www 访问时，浏览器将其视为另一个域。路径，这样你就可以看到问题出在哪里。您正在发布到不同的域，并且浏览器由于来源问题而阻止了该流。

如果 API 未放置在您发出请求的同一主机上，则流量将被阻止，您将需要找到另一种方式与 API 进行通信。