angularjs学习笔记之一(ajax请求)

页面导航:首页 > 网络编程 > JavaScript > angularjs学习笔记之一(ajax请求)

angularjs学习笔记之一(ajax请求)

来源: 作者: 时间:2016-02-02 09:59 【

实现ajax请求【HTML 代码】 angularjs实现 ajax {{user username}} {{u

实现ajax请求

 

【HTML 代码】

 






 
{{user.username}} {{user.email}}
<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":""},
		{'username':"zhangsan2","email":""},
		{'username':"zhangsan3","email":""}];
	*/
	$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);


 

 

 

 

 

Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<