There are plenty of JavaScript frameworks available to send an Ajax request to the server; we decided to use AngularJS (https://angularjs.org/) as our frontend JavaScript library to send Ajax requests. AngularJS is more or less like a frontend MVC framework, but also has the concepts of Model, View, Controller and more. The only difference is that it is designed to work in the frontend using JavaScript.
In step 1, we just created our AngularJS-based Controller called controllers.js
in /src/main/webapp/resources/js/
. Remember, we purposely put this file under the resources
directory because from the client side we want to access this file as a static resource; we don't want to go through Spring MVC Controllers in order to get this file.
Okay, coming to the point, what have we written in controllers.js
? We have written five frontend Controller methods, namely refreshCart
, clearCart
, initCartId
, addToCart,
and removeFromCart
. These methods are used to communicate with the...