导入html的外部部分

Import External part of html

本文关键字：外部 html 导入      更新时间：2023-09-26

使用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>

使用Ajax存在跨域问题。您必须确保您正在访问同一路径上的文件，而没有www.（或从http://www.并发布到相同的路径（包括www.），当通过www.路径访问时，浏览器会将其视为另一个域，这样你就可以看到问题所在。你发布到不同的域，浏览器会因为来源问题而阻止流。

如果API没有放在您请求的同一主机上，则流会被阻塞，您需要找到另一种与API通信的方式。

相关文章：