wie in Daten von ‚ImmutableMultiDict‘ erhalten Kolben

Question

Ich lerne, wie Ajax verwenden und Flask, also was ich tue, ist ich eine Ajax-Anforderung senden und ich erhalte die Daten als post Anfrage in meiner Python-Datei

My html file contains this code

var data = {"name":"John Doe","age":"21"}; 
$.ajax({ 
    url:'/post/data', 
    datatype : "json", 
    contentType: "application/json; charset=utf-8", 
    data : JSON.stringify(data), 
    success : function(result) { 
    jQuery("#clash").html(result); 
    },error : function(result){ 
    console.log(result); 
} 
}); 

und meine python-Datei enthält:

@app.route('/post/data',methods=['GET','POST']) 
def postdata(): 
    #do some 
    data = str(request.args) 
    json_dumps = json.dumps(data) 
    return json_dumps 

das gibt mir Daten auf der Seite folgende

"ImmutableMultiDict([('{\"name\":\"John Doe\",\"age\":\"21\"}', u'')])" 

Und das ist, was mein request.query_string{%22name%22:%22John%20Doe%22,%22age%22:%2221%22}

sieht ja, wie bekomme ich die name und age. Bitte korrigieren Sie mich Wenn ich irgendwo falsch liege. Vielen Dank im Voraus.

Answer 1

Sie müssen nicht wirklich Daten von einem ImmutableMultiDict erhalten. Es gibt ein paar Fehler in dem, was Sie daran hindern, die Antwort als JSON-Daten zu ziehen. Zuallererst müssen Sie die Parameter Ihres Ajax-Aufrufs etwas anpassen. Sie sollten den Anruftyp als POST hinzufügen. Außerdem sollte datatype als dataType geschrieben werden. Ihr neuer Anruf sollte sein:

var data = {"name":"John Doe","age":"21"}; 
$.ajax({ 
    type: 'POST', 
    contentType: 'application/json', 
    url: '/post/data', 
    dataType : 'json', 
    data : JSON.stringify(data), 
    success : function(result) { 
     jQuery("#clash").html(result); 
    },error : function(result){ 
     console.log(result); 
    } 
}); 

Die Daten nun tatsächlich als Post-Anforderung mit dem Typ json gesendet werden. Auf dem Kolben-Server können wir jetzt die Daten als Sohn Informationen wie folgt lauten:

@app.route('/post/data',methods=['GET','POST']) 
def postdata(): 
    jsonData = request.get_json() 
    print jsonData['name'] 
    print jsonData['age'] 
    return "hello world" #or whatever you want to return 

Diese John Doe und 21 erfolgreich gedruckt wird.

Lassen Sie mich wissen, ob dies für Sie funktioniert oder wenn Sie weitere Fragen haben!

Edit: Sie können den Erfolg der Ajax-Aufruf von Kolben zurück, wie folgt:

# include this import at the tomb 
from flask import jsonify 

@app.route('/post/data',methods=['GET','POST']) 
    def postdata(): 
     ... 
     return jsonify(success=True, data=jsonData) 

Answer 2

ich auf diese Seite gekommen, weil ich versuche, ein Formular mit AJAX zu schicken, und ich fand schließlich eine Lösung. Und die Lösung ist JSON zu überspringen (hoffen, dass diese andere auf der gleichen Suche helfen):

$.ajax({ 
    type: "POST", 
    url: my_url, 
    data: $("#formID").serialize(), //form containing name and age 
    success: function(result){ 
     console.log(result); 
    } 
}); 

Dann wird auf der Flasche Server:

app.route('/my_url', methods = [POST]) 
def some_function(): 
    name = request.form['name'] 
    age = request.form['age'] 
    # do what you want with these variables 
    return 'You got it right' 

Answer 3

Rufen Sie einfach to_dict auf dem request.form Objekt Eg , http://www.seanbehan.com/how-to-get-a-dict-from-flask-request-form/