前端 - ajax調用服務器框架

在過去一年左右的時間，我開始開發一些前端是一個相當大的web應用的一部分（Spring框架，Spring MVC和純JavaScript \ HTML）

在該項目中我收到的HTML佈局是是由別人構建的，我必須做所有的js邏輯。（主要是Ajax調用）

我才明白的是，我的js文件包含20K行代碼有以下模式：

1）的onclick功能\觸發 2）AJAX調用本身與參數 3）ajax和html（dom）操作的回調以反映數據

因此，我有一個極端的spagetthi怪物，其中包含我上面提到的許多函數。

function createAccountButtonClicked() { 

    // get input 
    doCreateAccountAjax(params); 

} 
    function doCreateAccountAjax(params) { 

    ajax.(...) //define callbackFunc(params) 

} 

function callbackFunc(params) { 

    // set dom stuff. 

}

作爲一個框架怪胎（服務器）我無法相信這一點。並想出了必須有一個前端框架，以更好地控制和流動我所介紹的方法。

我會很感激任何參考文獻。

感謝

來源

2014-05-01 Urbanleg

確實有可用於前端開發的幾個框架。它們基於MVC或MVVM設計模式來從底層邏輯中抽象出視圖。檢查這些：

Backbone.js，通常與HTML模板的Underscore.js合併在一起。
Angular.js，由谷歌
Ember.js
Knockout.js

我希望的一個發展是Knockout.js，主要是因爲我相信它有最乾淨的HTML模板機制。如果您需要與專門設計應用程序的HTML/CSS視圖的人溝通，我認爲這很重要。當然，選擇在很大程度上取決於你的應用程序，所以我建議你讀一些這樣的：

這當然是在Web上比較這些框架的資源列表的一小部分。

除了MVC框架，你可能會考慮使用這些還有：

jQuery：我覺得幾乎每個人都用了jQuery。它抽象DOM操作，提供跨瀏覽器AJAX支持，事件處理和其他大量事情。沒有它我活不下去。
Bootstrap：它用一些非常常用的模式「引導」你的CSS，並提供一些非常漂亮的UI組件。
Require.js：將您的JavaScript代碼拆分爲模塊，併爲它們提供強大的依賴關係。如果你的前端代碼變得龐大而複雜，真的很有用，我建議你從早期就開始使用它，它會簡化你的代碼結構。

我希望我幫忙:)

來源

2014-05-01 11:07:35 fxenik

前端 - ajax調用服務器框架

回答

相關問題