Python Flask retrieve POST data from AngularJS AJAX

Question

I am using Angular AJAX call to send data to my Flask backend for natural language processing.

AJAX code:

$scope.processText = function(){

    $http({
        method: "POST",
        url: "http://127.0.0.1:5000/processText",
        headers: {
            'Access-Control-Allow-Origin': '*',
            'Content-Type': 'application/json',
        },
        data: {
            'message': "this is my message",
        }
    }).then(function successCallback(response){
        console.log(response.data)
        $scope.message = "";
    });
}

I'm able to retrieve an Object {message: "this is my message"} but unfortunately I'm could not access to the key by typing request.data.message.

Flask route

@app.route('/processText', methods=['POST'])

def analyzeText():
    if request.method == "POST":

        data = json.loads(request.data)
        return data         #error : "dict is not callable"
        return data.message #error : "'bytes' object has no attribute 'message'"

Jesvin Jose · Accepted Answer · 2017-03-01 13:41:25Z

1

This should work for you.

from flask import jsonify, request
...
message = request.json['message']
return jsonify({'some_message':message})

If you are confused, you cannot interchange request.json.message and request.json['message'] in Python. The latter is the only option. It will work in Django templates, but that's another story.

https://www.tutorialspoint.com/python/python_dictionary.htm

edited Mar 1, 2017 at 13:41

answered Feb 28, 2017 at 7:42

Jesvin Jose

23.2k34 gold badges117 silver badges211 bronze badges

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

Comments

lordingtar · Accepted Answer · 2017-02-28 06:58:12Z

1

You need to use jsonify to return the object since jsonify creates a flask.Response() object that automatically has the Content-Type header.

Try using this: return jsonify(data)

Alternatively, if you want to return the string (value of message), you can just go ahead and return the value as you would any dict value i.e return data['message']

answered Feb 28, 2017 at 6:58

lordingtar

1,0822 gold badges12 silver badges30 bronze badges

Collectives™ on Stack Overflow

Python Flask retrieve POST data from AngularJS AJAX

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related