AngularJS가 $http.post 요청 예제 공유를 시작합니다.

이 기사는 주로 $http.post 요청을 시작하는 AngularJS의 예를 공유합니다. 이것이 모든 사람에게 도움이 되기를 바랍니다.

코드는 다음과 같습니다.

$http({  
    method:'post',  
    url:'post.php',  
    data:{name:"aaa",id:1,age:20}  
}).success(function(req){  
    console.log(req);  
})

이때 반환된 데이터를 수신할 수 없으며 결과가 null인 것을 알 수 있습니다. 이는 양식 데이터로 변환해야 하기 때문입니다.
해결책:

1. $httpProvider 구성:

var myApp = angular.module('app',[]);  
 myApp.config(function($httpProvider){  

   $httpProvider.defaults.transformRequest = function(obj){  
     var str = [];  
     for(var p in obj){  
       str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));  
     }  
     return str.join("&");  
   }  

   $httpProvider.defaults.headers.post = {  
        'Content-Type': 'application/x-www-form-urlencoded'  
   }  

});

1. 또는 사후에 구성:

$http({  
   method:'post',  
   url:'post.php',  
   data:{name:"aaa",id:1,age:20},  
   headers:{'Content-Type': 'application/x-www-form-urlencoded'},  
   transformRequest: function(obj) {  
     var str = [];  
     for(var p in obj){  
       str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));  
     }  
     return str.join("&");  
   }  
}).success(function(req){  
       console.log(req);  
})

AngularJS가 $http.post 요청을 시작합니다.

코드는 다음과 같습니다:

    app.controller('sprintCtrl', function($scope, $http) {
            $http.get("http://localhost:8080/aosapp/pt/service?formid=pt_aosapp_service_sprintlist&teamid=1")
            .success(function (response) {console.log($scope.sprintlist=response);});
        });

사실, angularjs와 jquery js와angularjs의 가장 큰 차이점은 전체 페이지를 미리 빌드한 다음 변수나 자리 표시자를 사용하여 데이터를 표시한다는 것입니다. 데이터가 오면 jquery가 dom 요소를 동적으로 수정합니다. , DOM 태그 추가 및 수정 등 디자인 아이디어가 다릅니다.

관련 권장 사항:

AngularJS 캡슐화에 대한 자세한 설명 예 $http.post()

angularJS $http.post 및 $http.get 요청을 구현하는 코드에 대한 자세한 설명

$ 비교 분석 AngularJS의 http.post jQuery.post_AngularJS

와의 차이점

위 내용은 AngularJS가 $http.post 요청 예제 공유를 시작합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!