欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

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

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

这里要吐槽下了,WS的JSP页面中没有angular的智能提示?

好了,下面开始正文。

1. HTML中引用angular.js  -  这好像是废话了。

2. 下面先介绍JS代码:

  1. // 登录验证
  2. angular.module("mainModule",['ng']).controller("mainController",function($scope,$http){
  3. $scope.user = null;
  4. // 登录验证
  5. $scope.loginValidate = function(){
  6. console.log("进入AJAX的点击事件内");
  7. $http({method:'GET',url:'/femis/getUserBySid?sId=' + $scope.user.sId})
  8. .success(function(data){
  9. console.log(data);//打印从后台接收的数据
  10. $scope.user = data;//将数据赋值给angular模型变量
  11. });
  12. }
  13. });

3. 在HTML页面中的 按钮中使用angular的点击事件:ng-click,代码如下:

<button ng-click="loginValidate()">登录</button>

4. 记得HTML文件的HTML标签中声明ng-app,以及在body标签中声明ng-controller

普通分类: