AngularJS实现ajax请求的方法

本文实例讲述了AngularJS实现ajax请求的方法。分享给大家供大家参考，具体如下：

【HTML 代码】

  
  
  
  


  

    

      
      
    
    

     

       
{{user.username}}
       
{{user.email}}
     
    
    get more
  


  

【js代码 ajax.js】

var myModule = angular.module("HelloAjax",[]);
myModule.controller("HelloAjax",["$scope","$http",function HelloAjax($scope,$http){
  /*
  $scope.users=[{'username':"zhangsan","email":"[email protected]"},
    {'username':"zhangsan2","email":"[email protected]"},
    {'username':"zhangsan3","email":"[email protected]"}];
  */
  $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);

更多关于AngularJS相关内容感兴趣的读者可查看本站专题：《AngularJS入门与进阶教程》、《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《JavaScript中ajax操作技巧总结》及《PHP+ajax技巧与应用小结》

希望本文所述对大家AngularJS程序设计有所帮助。