IOS6 Safari Ajax Spinner

Question

I can make the CORS Ajax message great on iOS6, but there are some very strange behaviors regarding a small counter that indicates that the browser is loading something despite the completion of the request.

I have provided a live page that demonstrates this behavior here

And the source for node.js + express server is available here

Please note that this only happens on iOS6, in addition, it behaves inconsistently between the tabs, for example, you can go to another page on the same tab and it will continue to rotate, but open the second tab, load the page, then close the first and he leaves.

Also, if you run a test page, go to another site using the same browser tab, the counter will continue to rotate on the new site.

So what I'm looking for is a hack that can make it behave in a reasonable way, I'm not interested in using Ajax, CORS or POST.

Thanks for taking the time and looking.

Update. Apple has confirmed this problem, but nothing more, so just wait and see if its next release fixes it. I am going to stop the test server, but leave the files available.

Answer 1

I just came across this problem myself today. I scaled down my test case and found that this only happens in a CORS request that initiates pre-flight requests. Therefore, it makes me believe that this is due to two requests that are being quit in a row. OPTIONS, and then any method that your request.

It also does not matter at what stage you dismiss the request, as soon as the CORS preliminary check request is launched, the counter never leaves.

UPDATE: Just tried the beta version of iOS7, and this error is still present.

Answer 2

Put this in your code.

$(document).ready(function(){ getUpdates(); }); function getUpdates() { $.post("status.jsp", {}, function(status){ // do client-side rendering here setTimeout(getUpdates, 5000); }, "json"); } 

Go to this site for more information. http://www.devthought.com/2012/09/22/understanding-the-ios6-ajax-bugs/