Data passed by POST between angular and python flask is empty

Question

I am trying to create a 'pipe' between an angular frontend and a python flask backend. I have managed to communicate from the former to the latter by HttpClient.get calls but updating that to HttpClient.post breaks the communication. My code looks like:

on the Angular side:

let request =
this.HttpClient.post(`http://127.0.0.1:5000/weather/loc`,
{
  "location": this.location,
})

request.subscribe((data) => {
  console.log(data); })

and on the flask side:

@app.route('/weather/loc', methods=["POST"])
def weather_connection():
    print( request.form)
    location = request.form.get("location", default="London")
    #more code

The problem I see is that request.form is always ImmutableMultiDict([]) an empty dictionary. For some reason the location argument seems to have been lost somewhere.

Daniel Roseman · Accepted Answer · 2018-06-03 15:57:21Z

1

Angular's HttpClient posts data in JSON format. But Flask's request.data is only for data that is form-encoded. Instead, you should use request.get_json().

answered Jun 3, 2018 at 15:57

Daniel Roseman

602k68 gold badges910 silver badges923 bronze badges

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

1 Comment

Learning is a mess Over a year ago

Indeed, using location = request.json["location"] does the trick. Many thanks!

Collectives™ on Stack Overflow

Data passed by POST between angular and python flask is empty

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