千家信息网

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

发表于:2025-02-12 作者:千家信息网编辑
千家信息网最后更新 2025年02月12日,本篇内容主要讲解"ajax获取数据后怎么将数组分批定时渲染",感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习"ajax获取数据后怎么将数组分批定时渲染"吧!aj
千家信息网最后更新 2025年02月12日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获取数据后怎么将数组分批定时渲染"有了更深的了解,不妨来实际操作一番吧!这里是网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

0