javascript - Jquery灯箱框架

Question

我正在构建一个新网站，希望所有新项目的添加/编辑都在带有 ajax 的灯箱中，并且我正在使用 JQuery。在某些情况下，灯箱应包括页面验证，还应在表单上显示来自服务器的错误，而无需提交或页面刷新，灯箱将具有类似的模板(标题、输入字段和提交按钮)，但要求和输入字段会有所不同。另一个要求是在加载灯箱和执行 ajax 时显示加载图标。

我的问题是已经有解决方案了吗？如果不是你会怎么设计？我开始使用 JQuery 插件加载 Form 对象和 Inputs 对象数组并使用 Mustache 创建模板，但这似乎过于复杂。

其他网站如何处理这个问题？

Answer 1

我会通过从服务器获取 JSON 并在表单提交时将 JSON 发送到服务器来处理它。或者采用其他格式，如 jQuery.serialize在表格上。

您将根据从服务器收到的 JSON 在灯箱中呈现表单。如果使用点击提交，您将以 JSON 格式将表单数据发送到服务器，并让服务器返回任何错误(或成功)。

或者，您可以在 JavaScript 端镜像验证，并仅在 JavaScript 端验证通过后提交，但这将关闭弹出窗口。

我认为这不会是一种异常复杂的方法，尽管如果您要为此引入插件和其他框架，则可能会如此。