我已經創建了一個Web應用程序就像這樣：我們一步一步地移動，在每一步我們查詢用戶關於Data div中顯示的數據， ajax調用並以JSON格式獲取數據並用html內容填充新Div。 所以，就這樣走第1步：我們用綠色給步驟1做一個ajax調用，得到step1的數據，形成數據div的html內容，然後根據數據向用戶提問，然後在用戶的響應之後，我們移動到第2步，3步，然後第4步，JS與MVC（模型視圖控制器）體系結構
我想重寫與MVC模式，這是我以前從來沒有寫的，JS代碼可以有人提出一個很好的設計（什麼模式應該有，控制器和視圖），或者指示我已經使用MVC架構編寫的一些JS示例。 用戶可以隨時回到任何步驟並通過單擊步驟塊再次查看其數據。 在此先感謝。
MVC是一種設計模式，用於幫助您保持獨立和結構化的代碼，使每個部分都有特定的職責。模型負責數據，UI的呈現和控制器負責用戶交互。現在解釋是要用一粒鹽讓控制器和視圖在每個MVC設計中都有不同的實現，您可以看看，但這是一個一般的解釋。
有一點需要注意的是，MVC設計模式有幾個變種，比如MVP和MVVM，還有更多，你可能會看到人們稱之爲MV *。星號是實現中設計模式的實現可能會有所不同的地方。最主要的是他們都試圖解決同樣的基本問題，但「MVC」可能略有不同，特別是當您開始在客戶端與服務器端研究MVC時。
有許多js框架實現MVC像設計模式，骨幹，敲除，角和Ember等僅舉幾例。您可以選擇使用其中的一種，或者您可以爲學術目的而手動編寫自己的文章。
我會建議谷歌「TodoMVC」，並去那個網站。它有一個很長的框架列表，你可以看到他們在每個框架中如何開發這個todo應用程序。通過查看每個你可以看到你喜歡的框架語法並嘗試它。
我使用ember.js，但我不會說「哦，使用燼它是最好的」看看周圍嘗試它們，因爲你會從每一個學習的東西。我會說，雖然骨幹，Angular和Ember有大型社區和許多資源供您使用。
Angle和Ember網站都做了很好的工作，讓你通過構建一個應用程序來讓你滾動和有很好的文檔。如果您想要手動滾動或者更好地瞭解MVC與客戶的關係以及各種框架如何接近解決方案。我建議閱讀Alex MacCaw的「Javascript web應用程序」，這很不錯。
嗯，希望這有助於當你有一些代碼發佈，並有人在堆棧溢出將能夠提供幫助。但這是一個讓你到達的起點。