ajax. 通过后台接口 渲染数据
<!--热门文章--> <div class="remenwenzhang"> <div class="news-recommend"> <div class="news-recommend-title">推荐</div> <ul class="news-recommend-list"> </ul> </div> </div> <script type="text/javascript"> $.ajax({ url: "https://gateway.caixin.com/api/data/cms-data/getPvRank", type: "get", dataType: "jsonp", success: function(res) { console.log(res); console.log(typeof(res)); var _data = res.data; console.log(_data); var str = ''; // 注意:输出的i与obj分别为下标与单个的对象 $.each(_data, function(i, obj) { console.log(i); console.log(obj); str += '<li>'; str += '<a url="' + obj.link + '"/>'; str += '<span>'+ obj.title + '</span>'; str += '</li>'; }); $(".news-recommend-list").append(str); } }) </script>
扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄

更多精彩