Detailed code explanation of angularJS implementing $http.post and $http.get requests-JS Tutorial-php.cn

Detailed code explanation of angularJS implementing $http.post and $http.get requests

Y2J

Release： 2017-05-22 13:29:55

Original

1810 people have browsed it

This article mainly introduces the implementation method of angularJS initiating $http.post and $http.get requests. It also introduces the methods of $http.post and $http.get requests respectively. Those who are interested can learn more

AngularJS initiates $http.post request

The code is as follows:

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

Copy after login

At this time you will find that the returned data cannot be received, and the result is null. This is Because it needs to be converted into form data.

Solution:

Configure $httpProvider:

var myApp = angular.module(&#39;app&#39;,[]); 
 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 = { 
    &#39;Content-Type&#39;: &#39;application/x-www-form-urlencoded&#39; 
  } 

});

Copy after login

Or configure it in the post:

$http({ 
  method:&#39;post&#39;, 
  url:&#39;post.php&#39;, 
  data:{name:"aaa",id:1,age:20}, 
  headers:{&#39;Content-Type&#39;: &#39;application/x-www-form-urlencoded&#39;}, 
  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); 
})

Copy after login

AngularJS initiates $http. The post request

code is as follows:

  app.controller(&#39;sprintCtrl&#39;, 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);});
    });

Copy after login

In fact, what is the biggest difference between angularjs and jquery js? Angularjs is what you have built in your mind in advance page, and then use variables or placeholders to represent data. When the data comes, just fill it in directly; while jquery dynamically modifies dom elements, such as adding and modifying dom tags, etc. The design ideas are different.

【Related Recommendations】

1. Javacript Free Video Tutorial

2. js development code using Baidu Maps Organize

3. Use node.js to analyze the url output file and send it to the client

4. Detailed explanation of examples of JavaScript converting Chinese characters to Pinyin

5. Share 15 commonly used js regular expressions

The above is the detailed content of Detailed code explanation of angularJS implementing $http.post and $http.get requests. For more information, please follow other related articles on the PHP Chinese website!