快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

ajax获取数据后怎么将数组分批定时渲染

本篇内容主要讲解“ajax获取数据后怎么将数组分批定时渲染”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“ajax获取数据后怎么将数组分批定时渲染”吧!

站在用户的角度思考问题,与客户深入沟通,找到米林网站设计与米林网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:成都做网站、成都网站设计、企业官网、英文网站、手机端网站、网站推广、空间域名、网页空间、企业邮箱。业务覆盖米林地区。

ajax获取数据后怎么将数组分批定时渲染

ajax调用数据

    $.getJSON("data/yinzhou.json", "", function (res, status) {
   
   
   var data = res.features;// console.log(data);//分组渲染;if (status == "success") {
   
   
   arrChunk(data, 1);} else {
   
   
   console.log("Cann't GET Data.")}})

封装分组函数

    function arrChunk(data, chunk) {
   
   
   var result = [];//数组分组数量;var chunk = chunk;//执行数组分组;for (var i = 0, j = data.length; i < j; i += chunk) {
   
   
   result.push(data.slice(i, i + chunk));}//分组后的数据进行渲染;for (var k = 0; k < result.length; k++) {
   
   
   var j = 0;setTimeout(function () {
   
   
   console.log(result[j++][0].properties.name);}, k * 500)}}

到此,相信大家对“ajax获取数据后怎么将数组分批定时渲染”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


当前名称:ajax获取数据后怎么将数组分批定时渲染
URL标题:http://6mz.cn/article/jjodge.html

其他资讯