定时器分批请求数据

<!DOCTYPE html>
<html><script>//需要分页的数组let arr = [1,2,3,4,5,6,7,8,9,10]//分割数组，每页3条splitArr(arr,4)/*** 分割数组*/function splitArr(idList,size){//当前页数let num  = 1//共多少页let count = Math.ceil(idList.length / size)//定时器let timer = setInterval(function(){//起始下标，根据页码计算 （当前页 - 1）* 每页条数let start =  (num - 1) * size//结束下标，起始下标 + 每页条数let end = start + sizeconsole.log("start:end",start,end)//需要的数据let splitArr = idList.slice(start, end)console.log(splitArr)//页码加1num++console.log("num",num)//超出最大页数，清除定时器if(num > count){clearInterval(timer)}//请求数据，渲染节点queryData(splitArr)},1000)}/*** 分批请求数据*/function queryData(splitIds){for (let i = 0; i < splitIds.length; i++) {const element = splitIds[i];//请求数据renderHtml(splitIds[i])}}/*** 请求数据，根据返回数据渲染节点*/function renderHtml(id){//根据id请求数据$.ajax({url:"http://localhost:8080/16_AJAX//ajaxServlet",// data:"action=jQueryAjax",data:{id:id},type:"GET",dataType : "json",success:function (data) {//根据返回数据渲染节点}});}</script>
</html>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/75734.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！