Extracting Data from Ajax Request in Python

Question

I am unsure how to extract data from an Ajax request from my Javascript code in a python application in Flask. My Ajax request does not use jQuery.

I have tried using request.form.get() and request.get_json() in my Python code but both produce a None value.

@app.route("/", methods=["GET", "POST"])
def index():
    if not request.get_json() == None: 
        print(request.get_json())
        name = request.get_json()
        session["name"] = name.user
    return render_template("index.html", channels=channels)

In my Javascript code I perform a simple Ajax request:

    if(localStorage.getItem("user")) {
        document.querySelector("#logout").addEventListener("click", () => {
            localStorage.removeItem("user");
        })

        const request = new XMLHttpRequest();
        request.open("POST", "/")
        user = JSON.stringify(localStorage.getItem("user"))
        request.send(user)
    }

related: jQuery posting JSON, Send JSON data with jQuery, and Send JSON Object with Ajax? — Matt Ellen
– Matt Ellen, Commented May 30, 2019 at 9:31
I know. They're related, not duplicates. Check out the last one, though. — Matt Ellen
– Matt Ellen, Commented May 30, 2019 at 9:39
Thanks but the last one doesn't show what to do at the Flask end — M. Alex
– M. Alex, Commented May 30, 2019 at 9:59
I think you should use the jsonify function to return json response from your flask api — Kunal Mukherjee
– Kunal Mukherjee, Commented May 30, 2019 at 10:21

Naveen Siva · Accepted Answer · 2019-05-30 10:19:23Z

1

The data should be coming in request.get_data() not in request.get_json()

refer request.get_json & request.get_data for more info

answered May 30, 2019 at 10:19

Naveen Siva

2123 silver badges9 bronze badges

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

1 Comment

Naveen Siva Over a year ago

If your request type is application/json it will come under request.get_json() in your case you haven't mentioned any request type it should be coming in request.get_data()

mibognar · Accepted Answer · 2019-05-30 11:30:17Z

0

If i understand it clearly you don't want to send the whole dictionary like ('user':'value') only the value.

In this case request.get_data() works just fine in this case:

from flask import Flask, request
app = Flask(__name__)

@app.route('/', methods=["GET","POST"])
def index():
    data = open('index.html').read()
    print request.get_data()
    return data

if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8080)

index.html is a simple page with a button which triggers the following javascript:

var request = new XMLHttpRequest()
request.open("POST","/", true)
var send_data = "Hello World"
request.send(send_data)

answered May 30, 2019 at 11:30

mibognar

745 bronze badges

Collectives™ on Stack Overflow

Extracting Data from Ajax Request in Python

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related