js模板引擎juicer嵌入html元素,juicer模板引擎使用

页面模板

{&each ObjectData as it,index}

${it.UserId}${it.CreateTime}

${it.Explain}

{&/each}

// 调用JS

$(function () {

GetList();

});

function GetList()

{

var refundId = 100006;

$.ajax({

url: '/Refund/GetRefundRecordList',

type: 'POST',

dataType: "json",

data: { refundId: refundId },

async: true,

success: function (result) {

$("#divRefundRecord").html(juicer($("#tpl").html(), result));

//result是一个JSON对象, result.ObjectData 是一个数据集合属性,提供遍历模板使用

}

});

}

//后台代码

public ActionResult GetRefundRecordList(int refundId)

{

ResponseModel responseModel = new ResponseModel();

using (var db = new BusinessEntities())

{

var RefundList = db.RefundRecord.Where(e => e.RefundId == refundId).Select(e => new {

e.UserId,

e.Explain,

e.CreateTime

}).ToList();

responseModel.ObjectData = RefundList;

responseModel.IsSuccess = true;

return Content(JsonConvert.SerializeObject(responseModel));

}

}