jquery的燈箱框架

Question

我正在建設一個新的網站，並希望所有的新項目的添加/編輯在與ajax的燈箱，我使用JQuery。 在某些情況下，燈箱應包括頁面驗證，也應顯示從服務器上的錯誤表單沒有提交或頁面刷新，燈箱將有類似的模板（標題，輸入字段和提交按鈕），但需求和輸入字段將是不同。 另一個要求是在加載燈箱的同時在做Ajax時顯示加載圖標。

我的問題是那裏已經有一個解決方案嗎？ 如果不是，你會如何設計它？ 我開始用JQuery插件來加載Form對象和Inputs對象數組，並使用Mustache創建模板，但是這似乎過於複雜。

其他網站如何處理？

Answer 1

我會通過從服務器獲取JSON並在表單提交中將JSON發送到服務器來處理它。或者在表單上使用另一種格式，例如jQuery.serialize。

您將根據從服務器收到的JSON在lightbox中呈現表單。如果使用點擊提交，您可以將表單數據以JSON格式發送到服務器，並讓服務器返回任何錯誤（或成功）。

或者，您可以鏡像JavaScript端的驗證，只提交一次JavaScript端驗證通過但會關閉彈出窗口。

我不認爲這將是一個異常複雜的方法，但它可能是如果你要爲此插入插件和其他框架。