当前位置: 首页 > news >正文

定时器分批请求数据

<!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.lryc.cn/news/163593.html

相关文章:

  • 【华为OD机试python】报数游戏【2023 B卷|100分】
  • 【深度学习实战—6】:基于Pytorch的血细胞图像分类(通用型图像分类程序)
  • 华清远见第六课程day4作业
  • 【广州华锐互动】AR远程智慧巡检在化工行业中的应用
  • easyui-sidemenu 菜单 后台加载
  • Python总结上传图片到服务器并保存的两种方式
  • 【ETH】以太坊合约智能合约逆向方案
  • C高级Day5
  • AI绘画:Midjourney超详细教程Al表情包超简单制作,内附关键词和变现方式
  • Linux dup dup2函数
  • 设计模式系列-外观模式
  • DBeaver 下载、安装与数据库连接(MySQL)详细教程【超详细,保姆级教程!!!】
  • 使用adjustText解决标签文字遮挡问题python
  • [论文笔记]SiameseNet
  • 只有个体户执照,可以用来在抖音开店吗?抖店开通问题解答
  • 微服务高可用容灾架构设计
  • 记录docker 部署nessus
  • qt 正则表达式
  • l8-d13 UNIX域套接字
  • @RequiredArgsConstructor(onConstructor=@_(@Autowired))是什么语法?
  • FL Studio Producer Edition 21.0.3.3713中文完整破解版功能特点及安装激活教程
  • Mybatis 动态语言 - mybatis-velocity
  • Fourier傅里叶变换的线性性质和位移性质
  • # 磁盘引导方式相关知识之BIOS、msdos、MBR、UEFI、gpt、esp、csm
  • Java中同时POST文件和提交JSON数据的方法
  • 【React】React获取URL参数,根据URL参数隐藏页面元素
  • 第68步 时间序列建模实战:ARIMA建模(Matlab)
  • Gin学习记录3——模版与渲染
  • Python算法练习 9.11
  • 2023年中秋节和国庆节放假几天?用待办软件记录放假安排并提醒