我的目的是在网页上显示后端(flask)从串口接收的数据。后端测试过能发出json数据,前端试过直接读同目录下的.json文件,也是读不出来,但是查了下一些js和jquery的教程和问答,感觉没有什么问题啊,也引用jquery库了。代码如下:
@app.route('/')
def template():
return render_template('index.html')
@app.route('/_data', methods= ['GET','POST'])
def getdata():
ser=serial.Serial(port='COM4',baudrate=115200,timeout=3)
line=ser.readline()
num=line[line.find(":")+1:].strip()
if line.startswith("Temp"):
temp=num
arr={'temp':temp}
elif line.startswith("Humidity"):
humid=num
arr={'humid':humid}
return jsonify(arr)
<script>
function temhumdata(){
$.getJSON($SCRIPT_ROOT + '_data',function(arr){
$('#tem').text(arr.temp);
$('#hum').text(arr.humid);
}
);
}
setInterval('temhumdata()', 5000);
</script>
<body>
<div id="tem">温度:</div>
<div id="hum">湿度:</div>
</body>
慕容3067478
相关分类