準備html字元串
無論怎麼插入,那堆html字元串肯定是省不了的……
是以你可以選擇是把那堆html放在
然後用$('#tr-template').html()來擷取。
還是直接作為Ajax的結果傳回。
插入字元串
插入的話,用$(...).append(html)就能把字元串加入到目标元素中了。
不過貌似你還需要做一些替換(如果能直接插入就不成問題了對吧),還好有人寫了個String.format函數
是以你可以拷下來改改,用這個String.format将模闆中的{1},{2}什麼的替換成Ajax傳回的變量,這樣再插入就好了。
更進一步說,還可以拓展這個函數,提高它的可讀性:
if (!String.prototype.format) {
String.prototype.format = function() {
var hash = arguments[0];
return this.replace(/{(\w+)}/g, function(match, item) {
return typeof hash[item] != 'undefined' ? hash[item] : match;
});
};
}
console.log("my name is {name}".format({ name: '順其自然' }));