javascript - 将表单连接到 Javascript 对象(以及其他最佳实践建议)

Question

我多年来一直使用 javascript 在网站上执行轻量级功能 - DOM 操作等 - 但现在我开始研究使用它来执行更多繁重的工作(与 PHP 结合)。我才刚刚开始接触 OO JS，并且仍在努力了解与其配合良好的最佳实践和设计模式。

更具体地说 - 我的问题是，这里有人可以建议将表单连接到 javascript 对象的技术吗？

在我当前的实现中，我有一个 JS 对象，可以通过(相当大的)表单进行编辑。当我实例化该对象时，我将一个 onchange 观察器附加到表单，其回调将表单字段与对象参数同步。我正在处理通过 AJAX 提交的表单 - 还有一个定期请求将表单信息的临时版本保存到 mySQL DB。我想知道的一件事是是否可以轻松处理另一个方向的同步 - 表单字段更新的对象变化(例如在表单重置时)。

我很想知道这种方法是否正确/明智，更一般地说，我非常有兴趣听到有关 OOJS 表单处理的建议。

提前干杯:)

(顺便说一句，我正在使用原型(prototype))

Answer 1

您可以使用$("form").serialize(true);

http://www.prototypejs.org/api/form/serialize

不需要onchange事件，每次需要获取表单数据时调用serialize()方法即可。