+%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日

悬赏问题

  • ¥15 请问12脉波整流机组的外特性曲线具体是如何推导
  • ¥15 abaqus里的python算法
  • ¥15 单细胞测序筛选簇中基因
  • ¥100 如何在思科模拟器中进入CEF模式
  • ¥15 Simulink 仿真如何使用MATLAB function模块获取到仿真过程中某一仿真时刻输入到模块的函数的值?
  • ¥50 关于#微信小程序#的问题:微信小程序支持h5实现webrtc h264 h265低延迟传输渲染,能付费帮我们解决一下吗
  • ¥20 请问ansys License manager 这个问题如何解决
  • ¥15 memory.limit()' is no longer supported
  • ¥15 基于stm32f4产生两路pwm信号并可由串口通信调节
  • ¥15 UE5样条线生成的网格UV问题