2011-04-08 108 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)是的,任何'