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

Question

我想这样做：

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

但是使用html文件，即

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

html文件包含多个JQuery模板，因此必须解析html文件中的标签。

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

我怎样才能做到这一点？我不想使用另一个插件，只是本机JQuery。

Answer 1

你可以使用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;
}