我想从拥有大量数据的服务器得到一个结果。因此,服务器在多个页面中发送数据。所以我想让所有这些在数据表中显示出来。所以我在循环内部使用Ajax请求,因为我想从许多页面获取信息。我为page变量添加+1,这样循环将获取所有页面的所有结果,直到响应的no of elements为0。但是问题是浏览器在执行这个请求时挂起了?有没有其他方法可以做到这一点?谢谢。

我尝试先获取数据,然后在循环后将其添加到表中,但仍然使用相同的浏览器挂接方式。

$('#corporateComboOfAllCorpTag').change(function () {

let response=1;

let page=0;

$('#tableOfAllCorpTag').DataTable().destroy();

let corpParkStationTable=$('#tableOfAllCorpTag').DataTable({order:[]});

corpParkStationTable.clear();

let corpStations=[];

while (response!=0){

$.ajax({

url:corporateTagUrl+corporates[$('#corporateComboOfAllCorpTag').prop('selectedIndex')].corporateId,

method:"GET",

data:{

"size":1000,

"page":page

},

dataType:"json",

headers: { 'smart-session-key': sessionKey, 'userName': admin},

async:true,

success:function (resp) {

for (let i = 0; i < resp.content.length; i++) {

corpParkStationTable.row.add($(

'

'+resp.content[i].tagSerial+''+resp.content[i].tagUid+''+resp.content[i].status+''+resp.content[i].addedBy+''+resp.content[i].addedDate+'More'

)).draw(false);

corpStations.push(resp.content[i]);

}

response=resp.numberOfElements;

},

error:function (resp) {

console.log("Fail "+resp);

}

});

page++;

}

});

ajax请求挂起_Ajax请求内部循环挂起浏览器?相关推荐

  1. ajax 执行成功 modal 关闭_Ajax请求中的async:false/true的作用

    前言: 昨天在做倒计时修改的时候,发现多次点击按钮,我明明做了限制,点击多次的时候发现怎么都会请求了两次,然后我写的是请求成功添加文字,结果总是会添加两次文字, 说明ajax请求了两次了,在网上查了下 ...

  2. ajax options 禁止_AJAX请求中出现OPTIONS请求

    背景 有一个前后端分离的VUE项目来发送ajax请求, 查看Nginx日志或使用Chrome Dev Tools查看请求发送情况时, 会看到每次调后台API的请求之前, 都会发送一个OPTIONS请求 ...

  3. mvc ajax get请求,springMVC 中 ajax get 请求和 post 请求的坑以及参数传递

    1, ajax 请求 无论为 post ,或者 get ,url中带有?形式的参数,后台都能以String类型变量接收,变量名称和参数名称必须一致 前台ajax: $.ajax( "prod ...

  4. 前端cookie 放到请求头_ajax请求携带cookie和自定义请求头header(跨域和同域)

    错误: 1.ajax请求时是不会自动带上cookie的,要是想让他带上的话,必须设置withCredential为true. 正确: 1.ajax同域请求下,ajax会自动带上同源的cookie: 2 ...

  5. 注意ajax的同步和异步请求

    2019独角兽企业重金招聘Python工程师标准>>> 默认 一般ajax 或者 ajax工具  都是 异步请求的. 但是 在开发中,使用了一个 开源的 前端ui里面自带的ajax工 ...

  6. jQuery中ajax的4种常用请求方式

    jQuery中ajax的4种常用请求方式:1.$.ajax()返回其创建的 XMLHttpRequest 对象. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信 ...

  7. AJAX请求和跨域请求详解(原生JS、Jquery)

    一.概述 AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. AJAX = 异步 JavaScript 和 XML,是一种用于创建快速动态网页的技术.通过在后台与服务器进行少量数 ...

  8. ajax jq 图片上传请求头_全面分析前端的网络请求方式:Ajax ,jQuery ,axios,fetch

    链接:https://juejin.im/post/5c9ac607f265da6103588b31 一.前端进行网络请求的关注点 大多数情况下,在前端发起一个网络请求我们只需关注下面几点: 传入基本 ...

  9. Ajax(异步请求)和传统(同步请求)区别

    在服务器端判断request来自Ajax请求(异步)还是传统请求(同步): 两种请求在请求的Header不同,Ajax 异步请求比传统的同步请求多了一个头参数 1.传统同步请求参数 accept  t ...

最新文章

  1. 请求路径@PathVariable与请求参数@RequestParam的区别
  2. 慕课网之JavaScript-confirm
  3. UWP 检测网络状态
  4. 【Redis】6.Redis key通用指令以及数据库的通用操作
  5. unity声音组件AudioSource的使用
  6. oracle java存储过程返回值_java程序调用Oracle 存储过程 获取返回值(无返回,非结果集,结果集)...
  7. Github 上热门的 Spring Boot 项目实战推荐
  8. 《html5 从入门到精通》读书笔记(三)
  9. 从队列、二叉树到优先队列
  10. 0基础学python要多久-零基础自学python要多久?
  11. To use CUDA with multiprocessing, you must use the ‘spawn‘ start method
  12. DevOps使用教程 华为云(9)代码检查
  13. 【Mark工具】一些好用的图片标注工具
  14. android gps free,GPS HUD Speedometer Free
  15. CAS:870041-75-0,DMAc-PP,热活化延迟荧光(TADF)材料
  16. 项目管理工具dhtmlxGantt甘特图入门教程(八):数据加载(二)
  17. 计算机网络机房自查报告,银行机房自查报告
  18. 有5个人坐在一起,问第5个人多少岁?他说比第4个人大2岁
  19. unity射线检测高速飞行的子弹是否打到敌人
  20. 电商平台快递物流解决方案

热门文章

  1. SSH框架实现仿淘宝购物demo
  2. uva 10047 the monocyle (四维bfs)
  3. grep命令參数及使用方法
  4. Flash Builder4.6 无法启动,并且报 Failed to create the Java Virtual Machine (2—可能更好些)...
  5. 一个判断射线和三角形相交的函数
  6. 面向对象简单原则(转)
  7. Hyperledger Fabric 链码(3) 生命周期和API
  8. 近世代数--群同构--第二同构定理
  9. 面向对象程序设计(Java)
  10. 【django】配置前端静态文件【6】