Sending a POST request with Angularjs and get parameters in a Flask backend

Question

I have this code in AngularJS:

myApp.controller('LoginCtrl', function($scope, $http){
  $scope.formData = {};

  $scope.doLogin = function(url, pass){
    $http({
      url: url,
      method: "POST",
      data: $.param($scope.formData)
    }).success(function(data) {
      console.log(data)
    });
  }
});

And in the beckend (Flask), I have this:

def user_authenticate():
    login = request.args.get('login')
    password = request.args.get('password')
    print login, password

The problem is that request.args come empty.

rafaels88 · Accepted Answer · 2014-07-09 05:44:20Z

9

UPDATE

After have a lot of problems with this, I solve using another Stackoverflow answer. So, I got this code:

ANGULARJS

$scope.doLogin = function(url, pass){
    $http({
      url: url,
      method: "POST",
      headers: { 'Content-Type': 'application/json' },
      data: JSON.stringify(data)
    }).success(function(data) {
      console.log(data)
    });
 }

FLASK

def view_of_test():
    post = request.get_json()
    param = post.get('param_name')

OLD VERSION

I just figured that I need to change my code to this:

AngularJS:

myApp.controller('LoginCtrl', function($scope, $http){
  $scope.formData = {};

  $scope.doLogin = function(url, pass){
    $http({
      url: url,
      method: "POST",
      data: $.param($scope.formData),
      headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
    }).success(function(data) {
      console.log(data)
    });
  }
});

Just include the 'Content-Type' header.

Flask:

def user_authenticate():
    login = request.form.get('login')
    password = request.form.get('password')
    print login, password

Instead of use request.args, use request.form.

edited Jul 9, 2014 at 5:44

answered Apr 19, 2014 at 16:04

rafaels88

8391 gold badge6 silver badges19 bronze badges

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

1 Comment

Martijn Pieters Over a year ago

That's because request.args contains url parameters (so everything after the ?) only, request.form contains POST fields.

Collectives™ on Stack Overflow

Sending a POST request with Angularjs and get parameters in a Flask backend

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related