How to save $(document).html() to a .xml file in jQuery or JavaScript?

I'm trying to push a form button and save all the html in the document to a xml file. Also If I have 3 frames or iFrames, I want to also save everything from my 2nd iframe id 'iframe2' (except the iframe itself) into a file, but have a dialog box pop up that says are you sure you want to save this file?

I'm not sure if this is possible, but if it is it would save me a step of writing xml to a file as well as displaying it in 开发者_运维技巧the browser. If its not possible in html4.01 is it possible in html5?

I can look at the html using $('#iframe2').html(); but not sure how to save it.

Thanks

There are 3 ways to do this as far as I know:

• You could use Flash or Java or another browser plugin to make a save file dialog (check out Downloadify)
• You could use data URIs (check out this answer. You'll want to change the mime type to application/xml)
• You could use the server to trigger an attachement download with the contents you want. That content could be transmitted through AJAX (check out this question).

You can probably use a backend language like PHP to accept the string as POST data and write it to an XML file in one swoop.

if (window.confirm('Are you sure you want to save this file?')) {
  $.post('/save.php', { 'html': $('#iframe2').html() }, function (_dta) {
    window.alert(_dta);
  });
}

and on PHP

<?php
$html = $_POST['html'];
file_put_contents('./iframe2.xml', $html);
echo 'saved!';
?>