CODEWITHSUNDEEP
pythonjsonflaskjinja2
Aditya Pednekar
Aditya Pednekar

Reputation: 462

Converting Flask form data to JSON only gets first value

I want to take input from an HTML form and give the output in JSON format. When multiple values are selected they are not converted into JSON arrays, only the first value is used.

@app.route('/form')
def show_form():
    return render_template('form.html')

@app.route("/result", methods=['POST'])
def show_result():
    result = request.form
    return render_template('result.html', result=result)

form.html:

<form method=POST>
   <input name=server>
   <select name=owners multiple>
       <option value="thor">thor</option>
       <option value="loki">loki</option>
       <option value="flash">flash</option>
       <option value="batman">batman</option>
   </select>
   <input type=submit>
</form>

result.html:

{{ result|tojson }}

When multiple values for owner are selected, "thor" and "flash", the output shows only one value:

{"server": "app-srv", "owners": "thor"}

I expect owners to be a list:

{"server": "app-srv", "owners": ["thor", "flash"]}

How do I display the form as JSON without losing list values?

Upvotes: 13

Views: 23295

Answers (2)

leenremm
leenremm

Reputation: 1444

Difference in results when using the "flat" parameter:

result = request.form.to_dict(flat=True)

Result: {'a': '6', 'b': '7', 'c': '8'}

result = request.form.to_dict(flat=False)

Result: {'a': ['6'], 'b': ['7'], 'c': ['8']}

Upvotes: 0

davidism
davidism

Reputation: 127200

request.form is a MultiDict. Iterating over a multidict only returns the first value for each key. To get a dictionary with lists of values, use to_dict(flat=False).

result = request.form.to_dict(flat=False)

All values will be lists, even if there's only one item, for consistency. If you want to flatten single-value items, you need to process the data manually. Use iterlists with a dict comprehension.

result = {
    key: value[0] if len(value) == 1 else value
    for key, value in request.form.iterlists()
}

Upvotes: 25

Related Questions