+%A 2023-03-11 12:26 采纳率: 100%
浏览 86
已结题

关于#falsk,ajax#的数据传递问题(前端传后端),如何解决?(标签-flask)

请教一下 flask 中ajax 获取数据传递到后台,后台怎么接受数据,不知道哪里的问题,数据一直获取不了.

通过ajax 获取data中city数据代码

img

后台接收代码

img

运行的效果

img

  • 写回答

5条回答 默认 最新

  • CSDN专家-showbo 2023-03-11 14:40
    关注

    ajax请求的网址另外用一个路由,共用区分下请求类型是get或者post,get返回模板,否则返回post请求的值,示例如下

    from flask import Flask, request,render_template
    import json
    
    app = Flask(__name__)
    
    @app.route("/change_data", methods=['GET','POST'])
    def change_data():
        if request.method=='GET':##直接访问为get请求,返回模板
            return render_template("change_data.html")
    
        ##ajax post请求
        city = request.get_json().get('city')
        city_name = json.dumps({"city":city})
        return city_name
    
    app.run('0.0.0.0', port=8001,debug=True)
    
    

    模板 templates\change_data.html

    <script src="https://g.csdnimg.cn/??lib/jquery/1.12.4/jquery.min.js"></script>
    <script>
        var data = { "city": "重庆" };
        $.ajax({
            url: '/change_data',
            type: 'POST',
            data: JSON.stringify(data),
            contentType: 'application/json',
            dataType: 'json',
            success: function (data) {
                alert(data.city);
            },
            error: function () {
                alert('服务器超时,请重试!');
            }
        });
    
    </script>
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题?

问题事件

  • 系统已结题 3月20日
  • 已采纳回答 3月12日
  • 赞助了问题酬金15元 3月11日
  • 创建了问题 3月11日

悬赏问题

  • ¥30 电脑误删了手机的照片怎么恢复?
  • ¥15 (标签-python|关键词-char)
  • ¥15 python+selenium,在新增时弹出了一个输入框
  • ¥15 苹果验机结果的api接口哪里有??单次调用1毛钱及以下。
  • ¥20 学生成绩管理系统设计
  • ¥15 来一个cc穿盾脚本开发者
  • ¥15 CST2023安装报错
  • ¥15 使用diffusionbert生成文字 结果是PAD和UNK怎么办
  • ¥15 有人懂怎么做大模型的客服系统吗?卡住了卡住了
  • ¥20 firefly-rk3399上启动卡住了