2011-04-08 109 views
1

我想做的事:如何在页面中包含外部html文件?

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

但使用的HTML文件,即。

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

该html文件包含多个JQuery模板,因此它将不得不解析html文件的标签。

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

我该如何做到这一点?我不想使用另一个插件,只是原生的JQuery。

回答

3

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

如果我.append()是一个占位符,将其视为任何''里面的脚本? – NibblyPig 2011-04-08 14:15:45

+1

@ [SLC](http://stackoverflow.com/users/174375/slc)是的,任何'