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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值