python Flask JQuery使用说明

Python Flask 是一个轻量级的 Web 框架，而 JQuery 是一个 JavaScript 库，它可以轻松地完成前端页面的交互效果。下面我简单介绍一下如何在 Python Flask 中使用 JQuery。

1. 引入 JQuery 库

在 HTML 页面中引入 JQuery 库，可以通过以下方式实现：

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

2. 实现 AJAX 请求

在 Python Flask 中使用 AJAX 请求可以通过 `ajax` 方法实现。具体方法如下：

$(document).ready(function(){
    $.ajax({
        url: '/api/data',
        type: 'POST',
        data: JSON.stringify({'data': 'Hello World!'}),
        contentType: 'application/json;charset=UTF-8',
        success: function(response) {
            console.log(response);
        },
        error: function(error) {
            console.log(error);
        }
    });
});

其中，`url` 参数表示请求的地址，`type` 参数表示请求的类型，`data` 参数表示传递的数据，`contentType` 参数表示传递的数据类型，`success` 参数表示请求成功后的回调函数，`error` 参数表示请求失败后的回调函数。

在 Python Flask 中接收 AJAX 请求可以使用 `request` 对象的 `json` 方法来获取请求参数，具体方法如下：

from flask import Flask, request, jsonify

app = Flask(__name__)

@app.route('/api/data', methods=['POST'])
def api_data():
    data = request.json.get('data')
    return jsonify({'status': 'ok', 'data': data})

if __name__ == '__main__':
    app.run()

其中，`jsonify` 方法用于将数据转换为 JSON 格式返回到前端。

以上就是在 Python Flask 中使用 JQuery 的简单介绍。