jquery ajax 与 flask 传输 json 并且提取ajax数据作为全局变量

最新推荐文章于 2022-09-29 10:05:51 发布

夏华东的博客

最新推荐文章于 2022-09-29 10:05:51 发布

阅读量244

点赞数 1

本文链接：https://blog.csdn.net/weixin_44493841/article/details/113867626

版权

jquery ajax 与 flask 传输 json 并且提取ajax数据作为全局变量

jquery

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Title</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <!--引入jquery-->
</head>
<body>
<h1>ajax</h1>

<script>
    function get_data() { 
        let data1; // 设置外层变量
        $.ajax({ // ajax请求
            type: "get", // 请求方式
            url: "http://127.0.0.1:5000/ajax", // 服务器路径
            data: { // 请求数据
                name: 'ajax',
                methods: 'get'
            }, // 上传数据
            dataType: "json", // 上传数据格式
            async: false, // 同步，以便接收数据，而不是promise
            success: function (res) { // 请求成功时
                console.debug("响应数据", res);
                data1 = res; // 给外层变量赋值
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                console.error("请求失败！");
            }
        });
        console.debug("data1:", data1)
        return data1 // 返回外层变量
    };
    const response = get_data() // 调用函数，接收返回值
    console.debug("response:", response)
    // console.log("data2:", data2)
</script>
</body>
</html>

flask

#!/usr/bin/env python
# -*- encoding: utf-8 -*-
"""
@Introduce : 实现一个简单的登录逻辑处理
@File      : .py
@Time      : 2021-02-18 17:19
@Author    : xia hua dong
@Tel       : 173 179 76823
@Eamil     : 17317976823@163.com
@pip       : pip install flask
             pip install flask_cors
             pip install pyOpenSSL 
"""
from flask import Flask, jsonify, render_template, request, session, make_response, flash
from flask_cors import CORS  # 跨域
import os

app = Flask(
    __name__,  # 创建app
    static_folder="./",  # 设置静态文件夹路径
    template_folder='./',  # 设置模板路径
    static_url_path=''  # 设置静态文件路径
)

app.secret_key = os.urandom(24)  # 加密密钥混合,生成session标号
CORS(app, supports_credentials=True)  # 跨域


@app.route('/ajax', methods=['GET', 'POST'])  
def ajax1():
    dic = request.values.to_dict()
    print('get请求数据：', dic)
    return {
        'name': 'flask',
        'methods': 'get'
    }


if __name__ == "__main__":
    app.run(
        debug=True,  # 调试打开
        host='0.0.0.0',  # ip
        port=5000,  # 端口
        # ssl_context='adhoc',  # 默认SSL证书，实现https
        threaded=True,  # 多线程
    )

夏华东的博客

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
jquery ajax 与 flask 传输 json 并且提取ajax数据作为全局变量

jquery ajax 与 flask 传输 json 并且提取ajax数据作为全局变量jquery<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Title</titl
复制链接

扫一扫