18、使用Ajax与Spring Web Flow开发高效Web应用

使用Ajax与Spring Web Flow开发高效Web应用

1. 使用Ajax为应用赋予RESTful能力

在Web应用开发中，为了实现更流畅的用户体验，我们可以使用Ajax技术。这里我们选择AngularJS作为前端JavaScript库来发送Ajax请求。AngularJS类似于前端MVC框架，具备Model、View、Controller等概念，且基于JavaScript在前端工作。

1.1 创建AngularJS控制器

首先，在 /src/main/webapp/resources/js/ 目录下创建名为 controllers.js 的AngularJS控制器。将该文件放在 resources 目录下，是为了让客户端能将其作为静态资源访问，而无需通过Spring MVC控制器获取。

在 controllers.js 中，我们定义了五个前端控制器方法： refreshCart 、 clearCart 、 initCartId 、 addToCart 和 removeFromCart ，用于通过Ajax调用与服务器通信。以下是 refreshCart 方法的示例：

$scope.refreshCart = function(cartId) {
    $http.