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

이 글에서는 주로 $http.post 및 $http.get 요청을 시작하는 angleJS의 구현 방법을 소개하며, 관심 있는 분들은 각각 $http.post 및 $http.get 요청 방법도 소개합니다. 🎜>

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

코드는 다음과 같습니다.

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

이 때 반환된 데이터가 수신되지 않는 것을 확인할 수 있습니다. 이고 결과는 null입니다. 양식 데이터로 변환해야 하기 때문입니다.

해결책:

$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' 
  } 

});

또는 게시물에서 구성:

$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를 시작합니다. 게시물 요청

코드는 다음과 같습니다.

  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);});
    });

사실 Anglejs와

jquery js의 가장 큰 차이점은angularjs가 사용자가 직접 만든 것이라는 점입니다. 미리 생각한 다음 변수 또는 자리 표시자를 사용하여 데이터를 표시하면 jquery가 dom 태그 추가 및 수정과 같은 dom 요소를 동적으로 수정하는 동안 직접 입력하면 됩니다. 디자인 아이디어가 다릅니다.

[관련 추천]

1.

Javascript 무료 동영상 튜토리얼

바이두 맵코드를 이용한 JS 개발

3.

node.js를 사용하여 url 출력 파일을 분석하여 클라이언트로 보냅니다

4.

사용 예에 ​​대한 자세한 설명 한자를 병음으로 변환하는 자바스크립트

5.

자주 사용되는 js 정규식 15개 공유

위 내용은 $http.post 및 $http.get 요청을 구현하는 angleJS의 자세한 코드 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!