Download file after ajax request doesn't work in Chrome iOS and Android

Question

I tried to do an AJAX request and create download:

$.ajax({
   url: "urlToVerifyRights",
   ...,

    complete: function(){
       location.href = ...
   }
});

Seems is not working in Chrome iOS and Android but in Desktop and Safari ios works

Where is the problem ?

When you says "download", do you mean that your location.href links to a downloadable file? Have you tried to change the location.href to an alert or log to check if the problem is there? — Víctor, Sep 11 '15 at 07:09
I checked, for sure... The url is ok. I tried with small application with a simple `location.href` and it works. With ajax, doesn't work. — Snake Eyes, Sep 11 '15 at 07:26

score 0 · Answer 1 · answered Sep 10 '15 at 07:16

0

Try with done

$.ajax({
   ...
    ...
}).done(function() {
    location.href = ...
});

answered Sep 10 '15 at 07:16

Víctor

3,029
3
28
43

Same thing ... nothing happens, the download doesn't work – Snake Eyes Sep 10 '15 at 07:30
Try adding .fail too. Maybe the ajax is not working because cross-domain or something similar – Víctor Sep 10 '15 at 07:30
I made debug using AppBuilder from Telerik and no error occur. I put an alert in `fail` and it isn't displayed on screen, so no error – Snake Eyes Sep 10 '15 at 07:32
Can you make a fiddle to reproduce? – Víctor Sep 10 '15 at 07:34
Jsfiddle won't help, I created a simple application and I put on IIS server, I reproduced the issue even no error occur. – Snake Eyes Sep 10 '15 at 08:10
This is really weird, the browser engine is the same (webkit) so it should work the same. Are you conected to the same net? Maybe a firewall problem? – Víctor Sep 10 '15 at 08:15
Also check if javascript is enabled in the navigators – Víctor Sep 10 '15 at 08:16
Yes apparently use same engine but it might behaves different. The ajax is problem and I don't know how to solve it... – Snake Eyes Sep 10 '15 at 12:35

score 0 · Answer 2 · edited May 23 '17 at 11:44

0

Modify to this:

$.ajax({
   url: "urlToVerifyRights",
   ...,

    complete: function(){
       location.href = ...
       return false;
   }
});

Related: window.location.href not working

edited May 23 '17 at 11:44

Community

1
1

answered Sep 10 '15 at 13:12

Víctor

3,029
3
28
43

same thing (same issue) – Snake Eyes Sep 10 '15 at 13:32
Sorry, I cant help more without more data. It should work fine. – Víctor Sep 10 '15 at 14:54
You can test using `setTimeOut` for 2 seconds and make download. Same thing... on Safari works but not in Chrome iOS – Snake Eyes Sep 11 '15 at 06:01

score 0 · Answer 3 · answered Sep 11 '15 at 07:35

0

One last try, now with promises:

doAjax: function () {

  var deferredValue = $.Deferred(),

  $.ajax({
     url: "urlToVerifyRights",
     ...,

      complete: function(){

         deferredValue.resolve();
    }
  });

  return deferredValue.promise();

}

doAjax ()
  .then(function () {
     location.href = ...

  })

answered Sep 11 '15 at 07:35

Víctor

3,029
3
28
43

see my answer, I found a solution for my problem – Snake Eyes Sep 11 '15 at 13:24

score 0 · Answer 4 · answered Sep 11 '15 at 13:24

I solved issue with the following workaround:

// I mean complete from $.ajax

complete: function(){
          var $form = $("<form>");
          $form.prop("method", "POST");
          $form.prop("action", "urlToDownload");
          $form.prop("id", "test");
          $form.append($("<input type='hidden' value='aValue' name='inputName' />"));

          $("body").append($form);
          $form.submit();
}

and that's works. I don't know why, but works.

Download file after ajax request doesn't work in Chrome iOS and Android

4 Answers4