Java 前端-对服务器框架的ajax调用

我是一名服务器端软件开发人员

大约在去年，我开始开发一些前端，作为相当大的web应用程序spring框架、spring mvc和纯javascript\html的一部分

在那个项目中，我收到了由其他人构建的html布局，我必须执行所有js逻辑。主要是ajax调用

我意识到我的js文件包含20K行代码，这些代码具有以下模式：

1 onclick函数\触发器 2 ajax使用参数调用自身 3用于ajax和htmldom操作的回调，以反映数据

所以buttom line我有一个极端的Spagethi怪物，它包含了我上面提到的很多函数

 function createAccountButtonClicked() {

  // get input
  doCreateAccountAjax(params);

 }
  function doCreateAccountAjax(params) {

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

 }

 function callbackFunc(params) {

  // set dom stuff.

 }

作为一个框架变态的服务器，我简直不敢相信这一点。我发现必须有一个前端框架，以便更好地控制和流动我在这里介绍的方法

如果您能提供任何参考资料，我将不胜感激

---

谢谢

确实有一些框架可以用于前端开发。它们基于或设计模式从底层逻辑中抽象视图。检查以下各项：

，通常与for HTML模板结合使用。 ，由谷歌开发 我更喜欢Knockout.js，主要是因为我相信它有最干净的HTML模板机制。我认为，如果您需要与专门设计应用程序HTML/CSS视图的人交流，这一点很重要。当然，选择在很大程度上取决于您的应用程序，因此我建议您阅读以下内容：

当然，这只是比较web上这些框架的资源列表的一小部分

除了MVC框架之外，您还可以考虑使用这些框架：

：我想几乎每个人都使用jQuery。它抽象了DOM操作，提供了跨浏览器AJAX支持、事件处理和大量其他功能。没有它我就活不下去。 ：它使用一些非常常用的模式引导CSS，并提供一些非常好的UI组件。 ：将javascript代码拆分为模块，并在模块上提供强大的依赖关系。如果前端代码变得庞大而复杂，我建议您尽早开始使用它，它将大大简化您的代码结构。

---

我希望我能提供帮助：

确实有一些框架可以用于前端开发。它们基于或设计模式从底层逻辑中抽象视图。检查以下各项：

，通常与for HTML模板结合使用。 ，由谷歌开发 我更喜欢Knockout.js，主要是因为我相信它有最干净的HTML模板机制。我认为，如果您需要与专门设计应用程序HTML/CSS视图的人交流，这一点很重要。当然，选择在很大程度上取决于您的应用程序，因此我建议您阅读以下内容：

当然，这只是比较web上这些框架的资源列表的一小部分

除了MVC框架之外，您还可以考虑使用这些框架：

：我想几乎每个人都使用jQuery。它抽象了DOM操作，提供了跨浏览器AJAX支持、事件处理和大量其他功能。没有它我就活不下去。 ：它使用一些非常常用的模式引导CSS，并提供一些非常好的UI组件。 ：将javascript代码拆分为模块，并在模块上提供强大的依赖关系。如果前端代码变得庞大而复杂，我建议您尽早开始使用它，它将大大简化您的代码结构。 我希望我能帮助：