ajax给后台post返回canceled

一.问题描述
list
点击全选把选中的数据的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('服务器连接失败,请联系管理员!')
                                                }
                                            })
                                        }
                                    }
                                })
                            });

二、出现的问题
canceled

三、问题分析
因为每次请求成功后要刷新页面来更新表格数据,但是当数据量非常大的时候,页面刷新导致我的请求还没有给后台发送完。

四、解决方法
去掉请求成功后执行的 window.location.reload(),在数据表头增加一个刷新按钮,通过点击刷新按钮来更新数据数据而不是数据请求成功后自动刷新页面。

共有 0 条评论

Top