一.问题描述
点击全选把选中的数据的ID传给后台
$('.openCom').click(function () { $('.allHost input:checkbox').each(function () { if ($(this).is(':checked') == true) { var clientId = parseInt($(this).parent().siblings('td:eq(0)').text()); var chState = $(this).parent().siblings('td:eq(8)').text(); if (chState == '关机') { console.log(clientId,chState); $.ajax({ type: 'post', url: '/api/json/host/2/thin/' + clientId + '/startup', dataType: 'json', timeout:1000*60*5, xhrFields: { withCredentials: true }, crossDomain: true, beforeSend: function (xhr) { xhr.setRequestHeader('Cookie', loginCookie); }, success: function (data) { console.log(clientId,data); if (data.Result == '1') { window.location.reload()//问题出现的关键地 } }, error: function (XMLHttpRequest, textStatus, errorThrown) { alert('服务器连接失败,请联系管理员!') } }) } } }) });
二、出现的问题
三、问题分析
因为每次请求成功后要刷新页面来更新表格数据,但是当数据量非常大的时候,页面刷新导致我的请求还没有给后台发送完。
四、解决方法
去掉请求成功后执行的 window.location.reload()
,在数据表头增加一个刷新按钮,通过点击刷新按钮来更新数据数据而不是数据请求成功后自动刷新页面。
共有 0 条评论