一、html页面
主要技术点:
1、编写参数地址,python的路径地址
/recomendSend?args="+v1,
2、页面重定向
window.location.href=‘#!/page_Contacts’
<input type="text" class="input" id="recomvalue">
<a href="#" onclick="recomendSend()" class="button1" >Send</a>
function recomendSend() {
//获取表单数据
v1=$("#recomvalue").val()
// recomendSend为python的路径地址,传递参数
$.getJSON("/recomendSend?args="+v1,
function(data) {
strs=""
//后台python返回的数据
//编辑数据
data.msgdatas.map(item=>{
strs+="<li><a href='../static/data/"+item+"'>"+item+"</a></li>"
})
//添加到页面
$("#recomdata").append(strs)
//定位到页面中的某个id锚点
window.location.href='#!/page_Contacts'
});
}
二、python flask页面
主要技术点
1、设置路由,注意为get方式,与前台传入方式一致
@app.route(“/recomendSend”, methods=[‘GET’])
2、接收参数
request.args.get(‘args’)
3、转换为json格式
jsonify(msgdatas=datas)
@app.route("/recomendSend", methods=['GET'])
def recomendSend():
#接收参数
words=request.args.get('args')
#生成列表数据
datas= ['杭州','女医生']
return jsonify(msgdatas=datas)