python flask框架实现AJAX数据传输

最新推荐文章于 2025-03-03 00:54:19 发布

原创最新推荐文章于 2025-03-03 00:54:19 发布 · 917 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#python #flask #ajax

收录于

一、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)