How to pass parameters to http in angularjs

Question

Assume that I have two input boxes with corresponding ng-model as fname and lname  If I call http request as     http  method  GET   url   search   params  fname  fname  lname  lname      will it call to the url     search fname fname amp lname lname   The error I am getting at the backend python  is    cannot concatenate str and nontype objects    Are these parameters not sent as strings  If not  how to get around with this

User · Accepted Answer

Here is how you do it    http get   url to resource     params   param1   val1   param2   val2         then function  response                  Angular takes care of encoding the parameters   Maxim Shoustin s answer does not work   method  GET   url   search   jsonData  is not a valid JavaScript literal  and JeyTheva s answer  although simple  is dangerous as it allows XSS  unsafe values are not escaped when you concatenate them

User · Answer

Here is a simple mathed to pass values from a route provider     Route Provider  routeProvider when   page  val1  val2  val3   controller pageCTRL  templateUrl   pages html         Controller  http get   page php val1    routeParams val1    amp val2    routeParams val2    amp val3    routeParams val3     cache  true            then function res

User · Answer

Build URL   search  as string  Like    search fname   fname    amp lname   lname   Actually I didn t use     http  method  GET   url   search   params  fname  fname  lname  lname        but I m sure  params  should be JSON stringify like for POST  var jsonData   JSON stringify                fname  fname          lname  lname             After    http     method  GET     url   search     params  jsonData

User · Answer

We can use input data to pass it as a parameter in the HTML file w use ng-model to bind the value of input field    lt input type  text  placeholder  Enter your Email  ng-model  email  required gt    lt input type  text  placeholder  Enter your password   ng-model  password  required gt     and in the js file w use  scope to access this data    scope email      scope password       Controller function will be something like that    var app   angular module  myApp             app controller  assignController   function  scope   http           scope email            scope password             http           method   POST           url   http   localhost 3000 users sign in           params   email   scope email  password   scope password            then function mySuccess response                 a string  or an object  carrying the response from the server             scope myRes   response data             scope statuscode   response status              function myError response               scope myRes   response statusText

[http] How to pass parameters to $http in angularjs?

Examples related to http

Examples related to angularjs

Examples related to params