javascript - Multiple Aborted Ajax Calls Waiting in IE -
edit - problem solved : it ended being server side problem. more details in comments below.
my webpage allows user update graph based on parameters. when user changes selection (checking/unchecking options), graph updated ajax call.
the problem happens when user checks/unchecks options. when happens, made sure current request aborted , new 1 made. here's simplified code :
function refreshgraph() { // abort current running request (if any) var currentlyloading = (xhrdashboard != null && xhrdashboard !== undefined); if (currentlyloading) { xhrdashboard.onreadystatechange = null; xhrdashboard.abort(); } // ajax call. var ajaxparams = { url: '/dashboard/readymix/graphpartial', data: parameters, traditional: true, cache: false, type: 'post', success: function (responsedata) { $(".graphcontainer").html(responsedata); }, error: function (xhr, text_status, error_thrown) { $(".graphzone").html("error during loading..."); }, complete: function (xhr) { xhrdashboard = null; } }; xhrdashboard = $.ajax(ajaxparams); }
in chrome expected behavior. first (or latest) call cancelled , new 1 made no matter how many changes user makes in short lapse of time (ex : 5 option changes in few seconds).
internet explorer (version 11 tested on multiple machines) start waiting indefinely moment change option fast enough abort 2 request , start 3rd one. when launching app in debug (visual studio) works fine, put on our sandbox server problem occurs.
here's screenshots chrome (sandbox server) chrome network screenshot when aborting ajax requests making new one
now here's screenshot of ie stuck on "waiting" ie network screenshot when stuck on waiting after aborted ajax requests
any suggestion appreciated.
Comments
Post a Comment