convert http get to post in angularjs

Question

I am converting an already existing http.get request to a http.post request due to security reasons. even though the code i have written is working, i dont think it is very robust. Is there a better way to define the data object?

I would prefer sending a dictionary and reading it in the back end.

Sample code goes as below.

http.get("/ajax/validate_login.py",{params:{"email":$scope.userEmail,"password":$scope.password}}).then(function(response) {
 console.log(response);
});

is converted to

$http({ method: 'POST', url: '/ajax/validate_login.py?',
          data: 'email=' + $scope.userEmail + '&password=' + $scope.password ,
          headers: {'Content-Type': 'application/x-www-form-urlencoded'}
        }).then(function(response) {
console.log(response);
});

is there a better way to define data in post request ?

Back end code is as below

#!/usr/bin/python
import cgi
import json
import MySQLdb
import MySQLdb.cursors
import hashlib
import sys



form = cgi.FieldStorage()

email=form["email"].value
password = form["password"].value


print "Content-Type: application/json"
print

use $resource instead of $http, there is good way you can make factory to use services — jitendra varshney
– jitendra varshney, Commented Dec 20, 2016 at 13:10

TheSharpieOne · Accepted Answer · 2016-12-20 16:27:38Z

6

You can use the $httpParamSerializer to transform your object into a string which is added to the payload. There is a particular one that acts like jQuery's which I believe is what you are looking for.

Example:

.controller(function($http, $httpParamSerializerJQLike) {
  //...

  $http({
    url: myUrl,
    method: 'POST',
    data: $httpParamSerializerJQLike(myData),
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded'
    }
  });

});

More information: https://docs.angularjs.org/api/ng/service/$httpParamSerializerJQLike

edited Dec 20, 2016 at 16:27

answered Dec 20, 2016 at 16:18

TheSharpieOne

25.7k9 gold badges71 silver badges80 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

convert http get to post in angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related