ANGULAR $HTTP请求【转】

angular使用post、get向后台传参的问题

1、问题的来源

　　咱们都知道向后台传参可使用get、put，其形式就相似于name=jyy&id=001。可是在ng中我却发现使用$http post进行异步传输的过程当中后台是接收不到数据的。其实这个问题是由于请求头的缘故。在ng中默认的请求头是：“Content-Type":"application/json"，也就是说传递参数是使用的就是json格式。可是后台默认的倒是Content-Type': 'application/x-www-form-urlencoded'。所以在这样的状况下后台接收到的数据就会是空的。

　　那么为何使用get形式就能够传参呢？在书中我发现这样的一句话：”这个键的值是一个字符串map或对象，会被转换成查询字符串追加在URL后面。若是值不是字符串，会被JSON序列化”，能够理解为在get中参数的传递是直接追加在url后面的，那么此时参数形式{"id":"1","name":"jyy"}会被转化成id=1&name=jyy追加在url后面。那么在后台中就能够直接获取到了。例如：

var app = angular.module('app',[]);
        app.controller('ctrl',function($scope,$q,$http){
            var defer = $q.defer();
            var promise = defer.promise;
            $http({
                method: "get",
                params:{id:1,name:jyy},
                url:"1.php"
            }).success(function(data){
                defer.resolve(data);
            });
            promise.then(function(data){
                $scope.data = data;
            })
        })

　　在后台（PHP）输入echo $_GET[id]就能够正常显示了。

那么接下来就研究怎么解决post的传值了。

2、问题的解决

　　1. 修改请求头

　　第一种方法就是在ng中修改请求头将json格式改为x-www-form-urlencoded。修改方法点击便可查看。

　　值得注意的是，在使用第二种方法时，能够修改put，get，post，common的传参格式。所以修改哪一种方式，就只能使用这种方式才能在后台获得参数。这篇博文写到使用common进行设置能够同时使用put、get、post进行传参。可是在个人实际操做中发现对common进行修改并不能使用post进行传参，而只有设置了post的请求头才能够。

　　另外因为在ng中的参数都是使用json格式表达，所以须要引入jquery，使用其$.param("参数列表的json格式")进行序列化表示。

　　首先使用修改post请求头。具体代码以下：

var app = angular.module('app');
　　
        app.config(function($httpProvider){
            $httpProvider.defaults.headers.post = { 'Content-Type': 'application/x-www-form-urlencoded' }
        })
        app.controller('ctrl',function($scope,$resource,$q,$http){
            var defer = $q.defer();
            var promise = defer.promise;
            $http({
                method: "post",
                data:$.param({"id":"1","name":"jyy"}),
                url:"1.php"
            }).success(function(data){
                defer.resolve(data);
            });
            promise.then(function(data){
                $scope.data = data;
            })
        })

　　此时在后台中（使用的是php),输入echo $_POST[id],就会显示。而debug其中显示的请求头正是咱们设置的。

　　2.在后台进行解决

　　因为使用的是php，因此暂时用php的方法解决。在这个方法中，咱们不修改请求头。由于get传值是正常的，那么，只要可以获得post的值就好。既然ng向后台传值了，即使是由于请求头不一样，可是总会传过来什么的吧，既然可以传过来，就先获取它。这个时候使用$GLOBALS['HTTP_RAW_POST_DATA']将这个传过来的东西显示出来。那么这个$GLOBALS['HTTP_RAW_POST_DATA']是什么呢？在网上查询得知$HTTP_RAW_POST_DATA 变量包含有原始的 POST 数据。此变量仅在碰到未识别 MIME 类型的数据时产生,PHP不能识别的Content-Type类型的时候，会将http请求包中相应的数据填入变量$HTTP_RAW_POST_DATA。就是说如今这个请求头虽然是有冲突的，可是却可以显示出来。以下：

var app = angular.module('app',[]);
        app.controller('ctrl',function($scope,$q,$http){
            var defer = $q.defer();
            var promise = defer.promise;
            $http({
                method: "post",
                data:{'id':'1','name':'jyy'},
                url:"1.php"
            }).success(function(data){
                defer.resolve(data);
            });
            promise.then(function(data){
                $scope.data = data;
            })
        })

php代码：

echo $GLOBALS['HTTP_RAW_POST_DATA'];

　　此时显示出来的东西是：{"id":"1","name":"jyy"}。发现这个结果是正确显示了。那么直接对齐进行操做不就能够了？好吧，那就先看看是什么类型：使用gettype()获得的是string，就是说他是个json字符串。那就使用json_decode()转换，发现会报错。好吧，放弃使用这个方法。

　　可是此时还有另外的方法。使用file_get_contents("php://input")，这个方法中 php://input 是个能够访问请求的原始数据的只读流。 POST 请求的状况下，最好使用 php://input 来代替 $HTTP_RAW_POST_DATA，由于它不依赖于特定的 php.ini 指令。 此时这个方法就能够返回传过来的参数了。代码以下：

$a = json_decode(file_get_contents("php://input"));
    echo $a->id;

　　结果输出正确的id。

转载自：http://www.cnblogs.com/liuhongjin/p/6202141.html