的塊裏面我的JavaScript的AJAX功能,我生成HTML的塊如下:JavaScript的模板,生成HTML
$.each(data.pages, function(k, v) {
pageData += '<div class="entry activity page-panel event-item">';
pageData += '<div class="page-panel-inner">';
pageData += '<h2><a href="'+v.url+'">'+v.title+'</a></h2>';
pageData += '<span class="date">'+v.date+'</span>';
pageData += '</div>';
pageData += '<a href="'+v.url+'"><img src="'+v.image+'" alt="'+v.title+'"></a>';
pageData += '<div class="page-panel-inner event-item-details">';
pageData += '<p><strong>Location: </strong>Whitchurch</p>';
pageData += '<p><strong>Time: </strong>18.00 - 22.00</p>';
pageData += '<p><strong>Price: </strong>£31 for 10 weeks</p>';
pageData += '</div>';
pageData += '</div>';
});
我讀過一些關於JavaScript的模板,但不知道怎麼用在這種情況下的模板?有沒有更好的方法來在JavaScript中生成大塊的html?
道歉這不是一個有問題的問題與正確的答案我不知道還有什麼要問。
模板機制肯定比這更好的。更少雜亂和容易出錯。 [這是一個稍微老化的頁面,可以幫助您找到模板引擎。](http://garann.github.io/template-chooser/) – Pointy 2014-09-04 14:08:33
是的,這是我覺得討厭的'混亂'元素。有時很難閱讀代碼,特別是當這些塊變大時。我會檢查一下。 Ta – 2014-09-04 14:13:14
想想我會刺傷Handlebars,你有什麼經驗嗎? – 2014-09-04 14:14:54