前端 - 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调用服务器框架

回答

相关问题