javascript - 如何使用 JQuery 获取 HTML 表单数据并写入 XML？

Question

我有一个如下所示的表单:

<form method="post" id="aodform">
<label for="a">Animal:</label>
<input class="input" type="text" name="a"/>
<label for="s">Sausage:</label>
<input class="input" type="text" name="s"/>
<label for="g">Bird:</label>
<input class="input" type="text" name="g"/>
<label for="d">Dessert:</label>
<input class="input" type="text" name="d"/>
<input id="submitter" type="submit"/>
</form>

我需要获取表单中输入的值并覆盖(替换)现有 XML 文件中相应节点的文本值，如下所示:

<aod>
<animal>x</animal>
<sausage>x</sausage>
<bird>x</bird>
<dessert>x</dessert>
</aod>

现在，我知道我可以使用

$("#aodform").submit();

在Jquery中实现表单提交，但此后我迷失了!我试图弄清楚如何获取这些表单值，将它们作为变量存储在函数中，然后写入 XML 文件(全部在 Jquery 中)。

我在谷歌搜索框上进行了搜索，发现了类似的主题，但不够相似，不足以帮助我解决我的情况。有人可以帮助我吗？谢谢!

附注我不能使用任何服务器端语言，例如 PHP，否则我会的。

Answer 1

出于安全考虑，您将无法使用 javascript/jquery 创建或编辑本地 XML 文件。想象一下，访问一个网站，网站管理员编写了一些代码，然后将其放入您计算机上的文件中......

使用 javascript 写入本地文件的唯一方法是使用 cookies 或 HTML5 localStorage .

localStorage 将允许您存储数组的字符串键和值和/或对象的属性名称和值。

如果您需要 XML 文件，则必须调用有权在服务器上写入该文件的服务器端脚本，然后您可以通过其 URL 访问该文件。