कैसे

Question

मैं कैसे ajax और बोतल का उपयोग करने के सीख रहा हूँ फ्लास्क में 'ImmutableMultiDict' से डेटा, तो मैं क्या करूँ मैं एक ajax अनुरोध post अनुरोध के रूप में मेरी अजगर फ़ाइल में भेज रही है और मैं प्राप्त डेटा प्राप्त करने के

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); 
} 
}); 

और मेरे अजगर फ़ाइल है:

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

इससे मुझे पृष्ठ पर डेटा निम्नलिखित

+०१२३५१६४१०६

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

और यही मेरी request.query_string{%22name%22:%22John%20Doe%22,%22age%22:%2221%22}

लग रहा है तो मैं name और age कैसे मिलता है है। कृपया मुझे सही करें अगर मैं कहीं भी गलत हूं। अग्रिम धन्यवाद।

Answer 1

आपको वास्तव में ImmutableMultiDict से डेटा प्राप्त करने की आवश्यकता नहीं है। आपके पास जो कुछ है, उसमें कुछ त्रुटियां हैं जो आपको जेसन डेटा के रूप में प्रतिक्रिया खींचने से रोक रही हैं। सबसे पहले, आपको अपने AJAX कॉल के पैरामीटर को थोड़ा सा ट्विक करना होगा। आपको कॉल प्रकार में POST के रूप में जोड़ना चाहिए। इसके अलावा, datatype को dataType के रूप में लिखा जाना चाहिए। आपका नया कॉल किया जाना चाहिए:

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); 
    } 
}); 

डेटा अब वास्तव में json प्रकार के साथ एक पोस्ट अनुरोध के रूप में भेजा जा रहा है। बोतल सर्वर पर, अब हम इस प्रकार पुत्र जानकारी के रूप में डेटा पढ़ सकते हैं:

@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 

यह सफलतापूर्वक John Doe और 21 प्रिंट होगा।

मुझे बताएं कि यह आपके लिए काम करता है या आपके पास कोई अतिरिक्त प्रश्न हैं!

संपादित करें:

# 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

मैं क्योंकि मैं AJAX के साथ एक फार्म भेजने के लिए कोशिश कर रहा हूँ इस पृष्ठ पर आ, और मैं अंत में एक समाधान नहीं मिला: आप इस प्रकार कुप्पी से ajax कॉल करने के लिए सफलता लौट सकते हैं।

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

फिर, बोतल सर्वर पर:

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

बस Request.Form वस्तु जैसे पर to_dict फोन और समाधान JSON छोड़ (उम्मीद है कि इस एक ही खोज पर दूसरों की मदद करेगा) करने के लिए है , http://www.seanbehan.com/how-to-get-a-dict-from-flask-request-form/