AngularJS passing data to http get request

Question

I have a function which does a http POST request  The code is specified below  This works fine     http      url  user update path      method   POST      data   user id  user id  draft  true         I have another function for http GET and I want to send data to that request  But I don t have that option in get     http      url  user details path      method   GET      data   user id  user id         The syntax for http get is  get url  config

User · Answer

For sending get request with parameter i use     http get  urlPartOne    parameter    urlPartTwo     By this you can use your own url string

User · Answer

Here s a complete example of an HTTP GET request with parameters using angular js in ASP NET MVC   CONTROLLER   public class AngularController   Controller       public JsonResult GetFullName string name  string surname                System Diagnostics Debugger Break            return Json new   fullName   String Format   0   1   name surname     JsonRequestBehavior AllowGet             VIEW    lt script src  https   ajax googleapis com ajax libs angularjs 1 3 15 angular min js  gt  lt  script gt   lt script type  text javascript  gt      var myApp   angular module  app             myApp controller  controller   function   scope   http              scope GetFullName   function  employee                   The url is as follows - ControllerName ActionName name nameValue amp surname surnameValue               http get   Angular GetFullName name      scope name     amp surname      scope surname               success function  data  status  headers  config                    alert  Your full name is -     data fullName                               error function  data  status  headers  config                    alert  An error occurred during the AJAX request                                         lt  script gt    lt div ng-app  app  ng-controller  controller  gt        lt input type  text  ng-model  name    gt       lt input type  text  ng-model  surname    gt       lt input type  button  ng-click  GetFullName    value  Get Full Name    gt   lt  div gt

User · Answer

An HTTP GET request can t contain data to be posted to the server  However  you can add a query string to the request    angular http provides an option for it called params    http       url  user details path       method   GET       params   user id  user id         See  http   docs angularjs org api ng  http get and https   docs angularjs org api ng service  http usage  shows the params param

User · Answer

You can even simply add the parameters to the end of the url    http get  path to script php param hello   success function data        alert data         Paired with script php    lt   var dump   GET     gt    Resulting in the following javascript alert   array 1            param    gt        string 4   hello

User · Answer

You can pass params directly to  http get   The following works fine   http get user details path        params    user id  user id

User · Answer

Solution for those who are interested in sending params and headers in GET request   http get  https   www your-website com api users json             params    page  1  limit  100  sort   name   direction   desc            headers    Authorization    Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ              then function response           Request completed successfully    function x           Request error       Complete service example will look like this  var mainApp   angular module  mainApp         mainApp service  UserService   function  http   q       this getUsers   function page   1  limit   100  sort    id   direction    desc              var dfrd    q defer             http get  https   www your-website com api users json                                  params  page  page  limit  limit  sort  sort  direction  direction                   headers   Authorization   Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ                                      then function response                if   response data success    true                     else                             function x                 dfrd reject true                       return dfrd promise

User · Answer

Starting from AngularJS v1 4 8  you can use get url  config   as follows   var data      user id user id     var config      params  data   headers     Accept     application json        http get user details path  config  then function response          process response here       function response

[javascript] AngularJS passing data to $http.get request

Examples related to javascript

Examples related to angularjs

Examples related to javascript-framework