template 基于Jquery的js模板引擎

index.html页面

<div class="list ">
 </div>

引入js

<script src="../js/jquery.min.js"></script>
<script src="../js/template-native.js"></script>
<script src="../js/index.js"></script>
<script id="news-list" type="text/template">
    <% for(var i=0;i<result.length;i++){ %>
        <div class="right-item">
            <div class="right-item-title">
                <%=result[i].title%>
            </div>
            <div class="right-item-time">2020-10-03</div>
        </div>
    <% } %>
</script>

在index.js页面

$(function () {
 $.ajax({
        url: '请求的地址',
        type: 'post',
        async: false,
        data: { action_id: 532 },
        success: function (res) {
            var html = template('news-list', { result: res.data.list });
            $('.list').html(html);
        }
    });
}