jQuery Ajax requests are getting cancelled without being sent

Question

I am trying to hook up a script to Microsoft s World-Wide Telescope app  The latter listens on port 5050 for commands  It is running on the same machine as the browser  Chrome right now  but as far as I can tell the behavior is the same with Firefox 7 and IE 9    I am sending a  Access-Control-Allow-Origin     header with the original html file to try to eliminate XSS restrictions as my problem   My code to access WWT is as follows     ajax       type   POST       url  url      data  data      crossDomain  true      success  success      dataType  dataType       url in this case is  http   127 0 0 1 5050 layerApi aspx cmd new amp       obviously     is shorthand here for some additional parameters    Looking at the network diagnostics in Chrome  I can see this   Request URL http   127 0 0 1 5050 layerApi aspx cmd new amp     Request Headersview source Accept application xml  text xml       q 0 01 Content-Type application x-www-form-urlencoded Origin http   gwheeler4 Referer http   gwheeler4 conceptconnect html User-Agent Mozilla 5 0  Windows NT 6 1  WOW64  AppleWebKit 535 1  KHTML  like Gecko  Chrome 14 0 835 186 Safari 535 1   The request is going out - I see WWT make a new layer  However  I don t get a callback  If I add an error callback that gets called  but the error property on the jqXHR object is just  error  and status is 0  If I look at the network request in Chrome I see   cancelled   as the status and no response   If I take that same URL and paste it in a new browser tab  I can see that the response is the expected XML   Of course  a difference here is that this is a GET not a POST  but I ve tried that in my script and it makes no difference   I m pretty stumped by this and would appreciate any fresh ideas

User · Answer

I had a similar issue  Using chrome   net-internals  events I was able to see that my issue was due to some silent redirect  My get request was being fired in an onload script  The url was of the form   http   example com inner-path  and the 301 was permanently redirecting to   inner-path   To fix the issue I just changed the url to   inner-path  and that fixed the issue  I still don t know why a script that worked a week ago was suddenly giving me issue    Hope this helps someone

User · Answer

I had a similar problem  In my case  I m trying to use a web service on a apache server   django  the service was written by myself   I was having the same output as you  Chrome says it was cancelled while FF does it okay  If I tried to access the service directly on the the browser instead of ajax  it would work as well   Googling around  I found out that some newer versions of apache weren t setting the length of the response correctly in the response headers  so I did this manually  With django  all I had to do was   response  Content-Length     len content    If you have control over the service you are trying to access  find out how to modify the response header in the platform you are using  otherwise you d have to contact the service provider to fix this issue  Apparently  FF and many others browsers are able to handle this situation correctly  but Chrome designers decided to do it as specified

User · Answer

I got this error when making a request using http to a url that required https   I guess the ajax call is not handling the redirection   This is the case even with the crossDomain ajax option set to true  on JQuery 1 5 2

User · Answer

If you re using Chrome you can t see enough information in the standard Chrome networking panel to determine the root cause of a  canceled  request   You need to use chrome   net-internals  events which will show you the gory detail of the request you are sending - including hidden redirects   security information about cookies being sent etc   e g  the following shows a redirect I wasn t seeing in the network trace - caused by my cookies not being sent cross sub-domain   t 1374052796448  st   1     URL REQUEST START JOB   dt 261                              -- gt  load flags   143540481  DO NOT SAVE COOKIES   DO NOT SEND AUTH DATA   DO NOT SEND COOKIES   ENABLE LOAD TIMING   MAYBE USER GESTURE   REPORT RAW HEADERS   VALIDATE CACHE   VERIFY EV CERT                              -- gt  method    GET                              -- gt  priority   2                             -- gt  url    https             t 1374052796708  st 261         HTTP TRANSACTION READ RESPONSE HEADERS                                 -- gt  HTTP 1 1 302 Moved Temporarily                                     Content-Type  text html                                     Date  Wed  17 Jul 2013 09 19 56 GMT     t 1374052796709  st 262       URL REQUEST BLOCKED ON DELEGATE   dt 0  t 1374052796709  st 262         CANCELLED t 1374052796709  st 262    -URL REQUEST START JOB                             -- gt  net error   -3  ERR ABORTED

User · Answer

In my case  it was the missing trailing slash in the url  Adding the trailing slash solved my problem

User · Answer

If anyone else runs into this  the issue we had was that we were making the ajax request from a link  and not preventing the link from being followed  So if you are doing this in an onclick attribute  make sure to return false  as well

User · Answer

For Dropzone js case  In my case it s was caused because of timeout option value was too low by default  So increase it by your needs        other dropzone options timeout  60000   10     10 minutes

User · Answer

I had the cancelled in Firefox  Some ajax-calls working perfectly fine for me  but it failed for the coworker who actually had to use it   When I checked this out via the Chrome tricks mentioned above  I found nothing suspicious  When checking it in firebug  it showed the  loading  animation after the two mallicous calls  and no result tab   The solution was mega simple  go to history  find the website  rightclick -  forget website  Forget  not delete     After that  no problems anymore  My guess is it has something to do with the  htaccess

User · Answer

I had this error in a more spooky way  The network tab and the chrome   net-internals  events did not show the request after the js was completed  When pausing the js in the error callcack the network tab did show the request as  cancelled   The was consistently called for exactly one  always the same  of several similar requests in a webpage  After restarting Chrome the error did not rise again

User · Answer

In my case  I Apache s mod-rewrite was matching the url and redirecting the request to https    Look at the request in chrome   net-internals  events    It will show an internal log of the request  Check for redirects

User · Answer

I had the same problem  but in my case it turned out to be a cookie issue  The guys working on the back-end had changed the path of the JSESSIONID cookie that s set when we log in to our app  and I had an old cookie by that name on my computer  but with the old path  So when I tried logging in the browser  Chrome  sent two cookies called JSESSIONID  with different values  to the server - which understandably confused it - so it cancelled the request  Deleting the cookies from my computer fixed it

User · Answer

I have had the same problem  for me I was creating the iframe for temporary manner and I was removing the iframe before the ajax become completes  so the browser would cancel my ajax request

User · Answer

Two possibilities are there when AJAX request gets dropped  if not Cross-Origin request     You are not preventing the element s default behavior for the event  You set timeout of AJAX too low  or network application backend server is slow    Solution for 1    Add return false  or e preventDefault    in the event handler   Solution for 2    Add timeout option while forming the AJAX request  Example below     ajax       type   POST       url  url      timeout  86400      data  data      success  success      dataType  dataType       For Cross-origin requests  check Cross-Origin Resource Sharing  CORS  HTTP headers

User · Answer

Using Web Forms ASP NET   My issue was I was trying to fire Ajax off the click event of a submit button that had a server side click event setup   I had to make the button just a simple button  i e   lt input type  button  gt

User · Answer

In my case I was having type  submit  so when I was submitting the form the page was reloading before the ajax hit going so a simple solution was to have type  quot button quot   If you don t specify a type it s submit by default so you ve gotta specify type  quot button quot    type  submit    gt  type  button  OR No type   gt  type  button  Or if you don t want to change the type or submit the form on click you can e preventDefault   as the very first thing e   lt button gt Submit lt  button gt     lt script gt      quot button quot    click function  event       event preventDefault         AJAX Call here      lt  script gt

User · Answer

I had this issue with a particular 3G network  It would always fail on DELETE requests with net error   -101 in chrome   net-internals  events   Other networks worked just fine so I assume there was a faulty proxy server or something

User · Answer

Expanding on  Kazetsukai s answer  you may run into this problem if you are making your AJAX request from the user clicking on a link   If you set up your link like so    lt a href     onclick  soAjax    gt click me  lt  a gt    And then a javascript handler like the following   soAjax           ajax       all your lovely parameters                    To prevent your browser from following the link and cancelling any requests in progress  you should add return false or e preventDefault   to stop the click event from propagating   soAjax          ajax       etc            return false      Or   soAjax e         ajax       etc            e preventDefault

[javascript] jQuery Ajax requests are getting cancelled without being sent

Examples related to javascript

Examples related to jquery

Examples related to ajax