这里要吐槽下了,WS的JSP页面中没有angular的智能提示?
好了,下面开始正文。
1. HTML中引用angular.js - 这好像是废话了。
2. 下面先介绍JS代码:
- // 登录验证
- angular.module("mainModule",['ng']).controller("mainController",function($scope,$http){
- $scope.user = null;
- // 登录验证
- $scope.loginValidate = function(){
- console.log("进入AJAX的点击事件内");
- $http({method:'GET',url:'/femis/getUserBySid?sId=' + $scope.user.sId})
- .success(function(data){
- console.log(data);//打印从后台接收的数据
- $scope.user = data;//将数据赋值给angular模型变量
- });
- }
- });
3. 在HTML页面中的 按钮中使用angular的点击事件:ng-click,代码如下:
<button ng-click="loginValidate()">登录</button>
4. 记得HTML文件的HTML标签中声明ng-app,以及在body标签中声明ng-controller