jquery的灯箱框架

Question

我正在建设一个新的网站，并希望所有的新项目的添加/编辑在与ajax的灯箱，我使用JQuery。 在某些情况下，灯箱应包括页面验证，也应显示从服务器上的错误表单没有提交或页面刷新，灯箱将有类似的模板（标题，输入字段和提交按钮），但需求和输入字段将是不同。 另一个要求是在加载灯箱的同时在做Ajax时显示加载图标。

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

其他网站如何处理？

Answer 1

我会通过从服务器获取JSON并在表单提交中将JSON发送到服务器来处理它。或者在表单上使用另一种格式，例如jQuery.serialize。

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

或者，您可以镜像JavaScript端的验证，只提交一次JavaScript端验证通过但会关闭弹出窗口。

我不认为这将是一个异常复杂的方法，但它可能是如果你要为此插入插件和其他框架。