如何在jQuery或JavaScript中保存$(document).html()到.xml文件

Question

我试图按下表单按钮并将文档中的所有html保存到xml文件。另外，如果我有3帧或iframe，我也想保存一切从我的第二个iframe id 'iframe2'(除了iframe本身)到一个文件，但有一个对话框弹出说，你确定你要保存这个文件?

我不确定这是否可能，但如果是的话，它将为我节省将xml写入文件以及在浏览器中显示它的步骤。如果它不可能在html4.01是可能的html5?

我可以查看html使用$('#iframe2').html();但不知道如何保存它。

谢谢

Answer 1

据我所知有三种方法:

• 你可以使用Flash或Java或其他浏览器插件制作一个保存文件对话框(点击下载)
• 您可以使用数据uri(查看此答案)。您需要将mime类型更改为application/xml)
• 您可以使用服务器触发包含所需内容的附件下载。这些内容可以通过AJAX传输(查看这个问题)。

Answer 2

您可以使用PHP等后端语言接受字符串作为POST数据，并将其一次性写入XML文件。

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

和PHP

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