无法打印出从烧瓶后端发送的表单中的元素[重复]

Question

问题：我试图从React前端的表单发送数据，然后简单地从后端打印结果，尽管我总是得到一个空字符串。

Here is the axios call: 
formLogin = (e) => {
        e.preventDefault();
        axios
           .post('http://localhost:5000/post', {
               name: document.getElementById("name").value,
           })
           .then((res) => {
                console.log(res.data)
           });
        }

<div className="use

    rs-information">
                                <form onSubmit={this.formLogin} className="patient-form" id="patient-form" name="patient-form" method='POST' action='http://localhost:5000/post' >
    
                                    <input type="text" name="name" id="name" />
                                    
                                    <label>
                                        Address: 
                                        <input name="Address" id="users-address" />
                                    </label>
    
                                    <label>
                                        City: 
                                        <input name="City" id="users-city" />
                                    </label>
    
                                    <label>
                                        State: 
                                        <input name="State" id="users-state" />
                                    </label>
    
                                    <label >
                                        Zip: 
                                        <input name="Zip" id="users-zip" />
                                    </label>
    
                                    <input type='submit' value='Submit'/>     
                                 </form>
                            </div>

@app.route('/post',methods=['POST'])
def testPost():
    name = request.form.get("name","")
    print(name)
    return jsonify(name=name)

Answer 1

片段：

axios
       .post('http://localhost:5000/post', {
           name: document.getElementById("name").value,
       })
       .then((res) => {
            console.log(res.data)
       });
    }

将对象作为JSON而不是form发布。因此，您应该使用：

@app.route('/post',methods=['POST'])
def testPost():
    # name = request.form.get("name","")     # remove this line
    name = request.json["name"]              # add this line
    print(name)