Start downloading zip automatically which was made by Ajax - php

Question

I have a button which let server make zip file by Ajax.
$('.zipButton').click(function(){
console.log($(this).context.firstChild.data);
$(this).context.firstChild.data = "working......";
$(this).addClass('disabled');
var self = $(this);
$.post('{{path('acme_member_zip')}}',// make zip file on server.
function(response){
if(response.code == 100 && response.success){
console.log(response.message);
self.context.firstChild.data = "finish make zip";
alert("please download http://www.myserver.com/myzip/arc.zip");
}
else {console.log("no correct return");}
}, "json");
});
For now, after making zip I let user know where the zip file by alert.
However,I want to push on browser start downloading automatically.
How can I make it???

Answer 1

You can redirect the client to the ZIP url with document.location, like this :
$.post('{{path('acme_member_zip')}}',// make zip file on server.
function(response){
if(response.code == 100 && response.success){
console.log(response.message);
self.context.firstChild.data = "finish make zip";
document.location = "http://www.myserver.com/myzip/arc.zip";
}
else {
console.log("no correct return");
}
},
"json"
);

Answer 2

There are few way to achieve this.
1)
you can use the download attribute in the hyperlink
Your file Name
document.getElementById('download').click();
2)
Use the jQuery file Download plugin
https://github.com/johnculviner/jquery.fileDownload
3)
Set window.location = 'your file path'; after the success