How to save XML response locally with jQuery?

Question

I'm making an AJAX request. The returned response is a XML.

How can I let the user save the response as a XML file locally on success ?

$.ajax({
    type: "POST",
    url: url,
    data: JSON.stringify(myJson),
    contentType: "application/json",
    dataType: format,
    success: function(response)
    {
        console.log("Exported JSON: " + JSON.stringify(myJson));
        console.log(response);
        jQuery.parseXML(response);
    },
    error: function()
    {
        console.log(arguments);
        alert("Export process failed.");
    }
});

The format in this case is xml.

possible duplicate of create a file using javascript in chrome on client side — Quentin
– Quentin, Commented Jul 17, 2013 at 16:12
like a window pop-up opens letting the user save the output as myFile.xml on their local hdd. — Mythul
– Mythul, Commented Jul 17, 2013 at 16:12
since you are not creating the xml file dynamically, I would rather use a link to that page and maybe open it in a new tab. — user1
– user1, Commented Jul 17, 2013 at 16:17

Louis Ricci · Accepted Answer · 2013-07-17 16:34:49Z

2

Using a data URI will get you part way there.

window.open("data:text/xml;base64," + window.btoa(xmlString));

Using "application/octet-stream" instead of "text/xml" will even force a download prompt in FF and Chrome.

Unfortunately data URIs have size limits and there's probably a more clever approach using content editable and the exec 'save' or 'saveas' command.

edited Jul 17, 2013 at 16:34

answered Jul 17, 2013 at 16:26

Louis Ricci

21.1k5 gold badges50 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

SonOfSofaman · Accepted Answer · 2013-07-17 21:50:53Z

1

On success, render the response XML in a textarea or just a div and have the user copy+paste the results into a text editor. They can then save the file from the editor.

or

Instead of emitting the xml directly, provide a link to it instead.

edited Jul 17, 2013 at 21:50

answered Jul 17, 2013 at 16:25

SonOfSofaman

511 silver badge4 bronze badges

Collectives™ on Stack Overflow

How to save XML response locally with jQuery?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related