Jquery ajax file download

Question

0.00/5 (No votes)

See more:

Hi,

From Jquery ajax i am making a C# function call which is returing a file download option.

If i am using $.ajax, it is not working, if i am giving window.location = url then that download box is coming.

I am trying to download one excel file.

I have given this content type:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet in the c# response object and writing that C# response object property OutputStream write to memorystream object with the proper response header.

Below is the AJAx code which i am using to call the URL.

JavaScript

$.ajax({
url: controllerUrl,
type: 'Get',                                                            contentType: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
                                            beforeSend: function (xhr) {
                                    xhr.overrideMimeType('text/plain; charset=UTF-8')
                                    $(that.el).parent().block({ message: "Processing..." });
},
                                success: function (data) {
                                    
                                },
                                complete: function (data) {
                                    $(that.el).dialog('close');                                  
                                },
                                error: function (jqXHR,textStatus) {
                                    alert("hi");
                                }

Please let me know if i missed anything. .

Posted 14-Mar-12 22:34pm

Member 7217874

Updated 14-Mar-12 22:36pm

P.Salini

v2

Add a Solution

Comments

P.Salini 15-Mar-12 4:36am

added <pre> tags

Member 7217874 15-Mar-12 4:38am

thanks ...

Member 7217874 15-Mar-12 5:15am

.what i want to acheive is i have a dialog box appears when i click on OK button it is prompting me to download a file. But while server prepares the file to get downloaded i want that dialog box to be blocked and after file ready for download i want to close that dialog box. so that i made it that ajax request.

Pl let me know if there is any other solution...

BobJanova 15-Mar-12 9:38am

I'm not sure this is possible. I don't think you can get an event for 'the content pointed to by this link was completely downloaded', and you can only get the browser to download a file by a direct link, as far as I know. The only thing I can think of is if there is some way to make a javascript: url return something with headers and a Content-Type/Content-Disposition. But I don't think there is.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

sjelen · Answer 1 · 2012-03-15T03:28:00

Solution 2

You can not use AJAX to start download, browser will not show Save dialog.
You can use ajax to check if file is ready and if it is use javaScript
to add a hidden iframe to DOM and assign url to your file to src attribute.
That will start the download.

Posted 15-Mar-12 3:28am

sjelen