flask 发送ajax

作者：System 时间：2024年08月17日分类：所有,ajax 字数：1659

在Flask中处理AJAX请求的一个常见模式是使用Flask-Ajax。但是，Flask本身并不直接支持AJAX，因为Flask是一个基于Python的服务器端框架，而AJAX是一种客户端技术，主要用于与服务器异步通信而不需要刷新页面。

以下是一个使用Flask和JavaScript发送AJAX请求的基本示例：

首先，设置Flask服务器端：




from flask import Flask, render_template, request, jsonify
 
app = Flask(__name__)
 
@app.route('/ajax_test', methods=['GET', 'POST'])
def ajax_test():
    if request.method == 'POST':
        # 获取AJAX发送的数据
        data = request.get_json()
        # 处理数据
        # ...
        # 返回响应
        return jsonify({'response': 'Data processed!'})
 
    return render_template('ajax_test.html')
 
if __name__ == '__main__':
    app.run(debug=True)

然后，创建一个HTML模板来发送AJAX请求：




<!-- ajax_test.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AJAX Test</title>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#send_ajax').click(function() {
                $.ajax({
                    url: '/ajax_test',
                    type: 'POST',
                    contentType: 'application/json',
                    data: JSON.stringify({'key': 'value'}),
                    success: function(response) {
                        // 处理服务器响应
                        console.log(response.response);
                    }
                });
            });
        });
    </script>
</head>
<body>
    <button id="send_ajax">Send AJAX</button>
</body>
</html>

在这个例子中，我们使用了jQuery库来简化AJAX的使用。当用户点击按钮时，会向/ajax_test路径发送一个POST请求，并附带一个JSON对象。Flask路由处理这个请求，并返回一个响应。在JavaScript的success函数中，你可以处理服务器返回的数据。

flask 发送ajax

评论已关闭

推荐阅读