我有一个ReactJS前端和一个烧瓶后端,我很难让它们互相交谈,特别是将表单变量从前端发送到烧瓶。
下面是我在127.0.0.1:3000上运行的前端代码
import ReactDOM from 'react-dom';
import React, { Component } from 'react';
class Form1 extends Component{
render(){
return(
<div class="form">
<form action="/result" method="get">
<input type="text" name="place" />
<input type="submit" />
</form>
</div>
);
}
}
ReactDOM.render(
<Form1/>,
document.getElementById('root')
);
我的后端flask代码如下所示,运行在127.0.0.1:5000上
from flask import Flask, render_template, request
import requests
import json
app = Flask(__name__)
@app.route('/result',methods = ['POST', 'GET'])
def result():
if request.method == 'GET':
result = request.form
print (result['place'])
我对你的代码做了一些修改。 我所做的更改:
http://localhost:5000/result
作为表单操作路径。request.args.get
方法获取提交的值。前端在端口3000上运行,后端在端口5000上运行;两者都在
localhost
中。前端代码:
后端代码:
运行程序截图如下:
参考:
Flask documentation: The request object
相关问题 更多 >
编程相关推荐