java调用js模板引擎_谁给我解答下牛哥这前端js模板引擎是怎么用的?

你这牛币明显是要给我的咯。

这是mustache的模板语法，是属于前端的js模板引擎框架，注意不是后端java层的。

另外你截图提到的是用户发表评论后，ajax请求评论接口并返回评论对象，最后通过jquery得到mustache的模板再渲染后得到最终结果append到评论列表的尾部。

相关代码如下：

ajax提交评论js代码片断$('.post_comment').click(function() {

var post_comment=$(this);

var id=$(this).attr("id");

var ids=id.split("__");

var commentsId=ids[0];

var type=ids[1];

var source_id=ids[2];

var editor=eval("CKEDITOR.instances.editor_"+type+"_"+source_id);

if(editor.getData()==""){

alert("请输入评论内容");

return;

}

var template = $('#comment_template').html();

if ($(this).hasClass('disabled')){

return;

}

post_comment.find("a").text("提交中...").addClass('disabled');

$.ajax({

url : "/comment/create.htm",

type : 'POST',

dataType : 'json',

data : {

content : editor.getData(),

type:type,

source_id:source_id

},

success : function(json) {

if (json.error == "") {

var html = Mustache.to_html(template, json.comment).replace(/^\s*/mg, '');

$("#"+commentsId+" .datas").append(html);

editor.setData("");

post_comment.find("a").text("评论").removeClass('disabled');

} else {

alert(json.error);

}

}

});

});

mustache评论模板js script代码片断

{{#user}}

{{/user}}

{{#user}}{{name}}{{/user}}

{{createTimeExt}}

{{{content}}}

注意：mustache的模板片断也可以用非script来替换，只要用id标示，jquery可以获取得到即可。但是用script有个优势就是搜索引擎会忽略此段代码，如果模板中正好有锚点，比如：

这样对seo是很不利的。

其实诸如前端js模板引擎技术有好多

如：

template

官方参考：http://aui.github.io/artTemplate

BaiduTemplate

官方参考：http://baidufe.github.io/BaiduTemplate

juicer

官方参考：http://juicer.name

doT

官方参考：http://olado.github.io/doT

kissy

官方参考：http://docs.kissyui.com和https://github.com/kissyteam/kissy

最后选用mustache还是觉得简单而且确实强大。