> web前端 > JavaScript > 正文 angularjs学习笔记之一（ajax请求） 2015-03-31         来源：不忘初心，才能始终      我要投稿

实现ajax请求

 

【HTML 代码】

 

{{user.username}} {{user.email}}

get more

<script type="text/javascript" src="./js/angular.min.js" charset="utf-8"></script> <script type="text/javascript" src="ajax.js" charset="utf-8"></script>

 

 

【js代码 ajax.js】

 

 

var myModule = angular.module("HelloAjax",[]); myModule.controller("HelloAjax",["$scope","$http",function HelloAjax($scope,$http){ /* $scope.users=[{'username':"zhangsan","email":"zs@11.com"}, {'username':"zhangsan2","email":"zs@22.com"}, {'username':"zhangsan3","email":"zs@33.com"}]; */ $scope.get_more = function(){ $http({ method: "POST", url: "./ajax.php", data:{'username':$scope.username, 'email':$scope.email } }). success(function(data, status) { //$scope.status = status; $scope.users = data; }). error(function(data, status) { //$scope.data = data || "Request failed"; //$scope.status = status; }); } }]);

 

 

【PHP代码 ajax.php】

 

$user->username, 'email'=>$user->email); //返回数据库 echo json_encode($users);

 

 

 

 

 

点击复制链接 与好友分享!回本站首页 上一篇：Javascript 时间计算函数 下一篇：angularjs学习之-（解决模板视图和angularjs之间的冲突 ） 相关文章

javascript 学习笔记（一）DOM基本操作

javascript学习笔记（二） 鼠标经过时

javascript学习笔记（三）显示当时时间

javascript 学习笔记（四） 倒计时程序

javascript学习笔记（五）正则表达式

javascript 学习笔记（六）浏览器类型

javascript学习笔记（七）利用javascr

javascript 学习笔记（八）javascrip

javascript学习笔记（九）javascript中

javascript学习笔记（十）表格隔行换色

图文推荐