Angular 中使用AJAX从后台获取数据

这里要吐槽下了，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