数据处理----分享

Kyle_Thanas

使用underscore.js                  ，我用的是Underscore.js 1.7.0
1.在页面内部
                funIniHotTag(tagData);
                function funIniHotTag(tagData){
                        var tag = '';
                        //_.each(数据，每次执行的函数)
                        //主要使用在列表类的地方，处理相同的数据结构
                        //会提取数据tagData 的每一个子元素ele，
                        _.each(tagData, function(ele, index){
                                tag += '<li data-name="'+ele.name+'"><a href="javascript:void(0)">'+ele.name+'</a></li>';
                        })
                        $api.html(oHotKeyWords, tag);
                }


2.用js模板引擎
<script type="text/template" id="tpl">
        <% _.each(msg, function(ele, index){ %>
                <li>
                        <div class="ListOfTopics_ListBgImg"><img src="<%= ele.focus_map %>" alt="" /></div>
                        <div class="ListOfTopics_ListBgText"><%= ele.title %></div>
                        <div class="ListOfTopics_ListBg"></div>
                        <div class="ListOfTopics_ListReadingTimes">
                                <div class="ListOfTopics_ListReadingTimesBg"></div>
                                <div class="ListOfTopics_ListReadingTimesText"><img src="../../image/ReadingTimesIcon.png"><%= ele.subjectclick %></div>
                        </div>
                </li>
        <% }) %>
</script>


<script>
     var url = 。。。。。;
                        api.ajax({
                                url : url,
                        }, function(ret, err) {
                                if (ret.code != 0 || ret.code != '0') {
                                        var pageData = {};
                                        pageData.msg = ret.msg;
                                        var oTpl = $api.byId('tpl');
                                        var tpl = $api.html(oTpl);
                                        html = _.template(tpl);
                                        $api.html(oListHot, html(ret));
                                       
                                }
                        });        
</script>

YonBIP社区

感谢分享，谢谢

BIP23198764

感谢分享