2014-01-30 43 views
0

這是我的第一個基本的例子:克隆li的AJAX響應?

我有我的網頁上的清單:

<ul> 
<li>title 1 <img src="/t1.jpg"></li> 
<li>title 2 <img src="/t2.jpg"></li> 
<li>title 3 <img src="/t3.jpg"></li> 
<li>title 4 <img src="/t4.jpg"></li> 
</ul> 

我使用Ajax調用更多的冠軍。

從頁面複製HTML並使用ajax響應中的數據填充它的最佳方法是什麼?

在初始加載時,我應該克隆並存儲li的副本(將數據除去),然後克隆並將其輸出到我的ajax響應中的頁面上?

有沒有更好的方法?

請注意,我不希望將HTML直接寫入我的JS。

+0

我通常使用「隱藏」裏,沒有屬性,並在需要時從它克隆。但我不知道這是一個很好的方法來做到這一點 – Jarry

+0

謝謝賈裏,我會把它放在船上,任何其他意見將不勝感激 – panthro

+1

不是直接回答上述,但這是模板引擎可以派上用場。一個班級綁定一箇中繼器到你的'li',一旦你有數據,它就會顯示它! – tymeJV

回答

0

把你的「重複」一段代碼模板

<script type="text/template" id="something-makes-sense"> 
<ul> 
<li>title 1 <img src="/t1.jpg"></li> 
<li>title 2 <img src="/t2.jpg"></li> 
<li>title 3 <img src="/t3.jpg"></li> 
<li>title 4 <img src="/t4.jpg"></li> 
</ul> 
</script> 

然後使用任何現有的模板引擎在那裏的一個內,例如underscore。有數據時,只是做

_.template($('#something-makes-sense').html(), {data: data}) 
0

看看Jquery load

如果你不想有HTML中的Java腳本可以加載HTML(渲染服務器端)

到頁面元素