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获取数据后怎么将数组分批定时渲染”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！