AngularJs之$http服务前端与后端之间的数据传输

AngularJs中的$http服务实现前端与后端之间的数据传输，与JQuery中的ajax类似，具体代码如下：

1、接收后端数据：

需要用到的php代码，文件名为1.php：

1 2 header('Content-type:text/html;charset="utf-8"'); 3 4 $arry = array( 5 array('webname'=>'赵一鸣个人技术博客', 'weburl'=>'http://www.zymseo.com'), 6 array('webname'=>'太原雅辉装修网', 'weburl'=>'http://www.0351zhuangxiu.com') 7 ); 8 9 echo json_encode($arry);

前端代码：

1 var m = angular.module('app', []); 2 m.controller('ctr2', ['$scope', '$http', function($scope, $http){ 3 $http({ 4 'url' : './1.php', 5 'method' : 'post' 6 }).then(function(result){ 7 console.log(result); 8 }); 9 }]);

打印结果如下：

1 Object { data: Array[2], status: 200, headers: bd/<(), config: Object, statusText: "OK" }

最后解析对象的data属性，就可以得到我们需要的数据！

2、向后端发送数据：

前端代码：

01 var m = angular.module('app', []); 02 m.controller('ctr2', ['$scope', '$http', function($scope, $http){ 03 $http({ 04 'url' : './1.php', 05 'method' : 'post', 06 'data' : { 07 'name' : '赵一鸣', 08 'sex' : '男', 09 'work' : 'WEB前端开发' 10 } 11 }).then(function(result){ 12 console.log(result); 13 }); 14 }]);

后端PHP代码：

1 2 header('Content-type:text/html;charset="utf-8"'); 3 4 $content = file_get_contents('php://input'); 5 6 print_r(json_decode($content, true));

注意：用PHP接受AnguarJs传输的数据时，需要用到file_get_contents这个方法，然后参数是'php://input'，这样才能正常解析使用。