Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在页面中包含外部html文件?_Jquery_Html - Fatal编程技术网

Jquery 如何在页面中包含外部html文件?

Jquery 如何在页面中包含外部html文件?,jquery,html,Jquery,Html,我想做: <script src='bob.js'></script> 但是使用html文件,即 <script type='html' src='bob.html'></script> html文件包含多个JQuery模板,因此它必须解析html文件中的标记 src将是动态的。我怀疑解决方案是JQuery,但是我希望它是同步的,就像第一个示例一样 我怎样才能做到这一点?我不想使用其他插件,只想使用原生JQuery。您可以使用ajax访

我想做:

<script src='bob.js'></script>

但是使用html文件,即

<script type='html' src='bob.html'></script>

html文件包含多个JQuery模板,因此它必须解析html文件中的标记

src将是动态的。我怀疑解决方案是JQuery,但是我希望它是同步的,就像第一个示例一样


我怎样才能做到这一点?我不想使用其他插件,只想使用原生JQuery。

您可以使用ajax访问它:

function getPageObj(urlPath){
    var response =  $.ajax({
        type: "GET",
        dataType:'html',
        async:false,
        cache:true,
        url: urlPath
    }).responseText;

    if(response==null ||response.length<1){return null;}
    var obj = $(response);

    return obj;
}
函数getPageObj(urlPath){ var响应=$.ajax({ 键入:“获取”, 数据类型:'html', async:false, 是的, url:urlPath }).responseText;
if(response==null | | response.lengthif I.append()对于占位符,它会将其中的任何
视为脚本吗?@是的,任何
标记都将在注入DOM时进行计算。请参阅。允许使用缓存或告诉初学者这样做,会使他们失去兴趣,在完成代码之前您不想缓存。@SLC:从响应中获取文本。请阅读。