7 jquery ajax 请求 （python flask 后端例子）

7 jquery ajax 请求 （python flask 后端例子）

get或 post 请求

因为如果传送的数据是多层字典，直接传输， python flask request.form.get() 后端只能获取一层字典，所以都改为在前端转换为 json 字符串传送数据。在后端再通过 json.loads() 解析。

    // 绑定一个id为greetbtn的按钮点击事件
    let params = {name: 'jenny'}
    $("#greetbtn").click(function () {
        // 发送ajax请求
        $.ajax({
            url: "/greet",
            type: "post",  // 或 get， 大小写都可以
            data: {'data':JSON.stringify(params)},
            // contentType:"application/json", //指定内容格式,一般发送字典可省略
            // dataType: "json",  // 服务器响应的数据类型,python flask 返回jsonify 字典数据时可以省略,如果后端上传文件，则不能是json类型
            success: function(res) {
            	// res 是后端返回的数据，一般是字典对象类型
                console.log(res['message'])
            }
        });
    });

python flask 获取和回应函数

import json
from flask import Flask, render_template, jsonify, request

@app.route('/greet', methods=['GET', 'POST'])
def greet():
    if request.method == "GET":
        print("get请求")
        name = json.loads(request.args.get('data'))
        print('name: ', name)
        return jsonify({'code': 200, 'message': 'get ok'})
    if request.method == "POST":
        print("post请求")
        name = json.loads(request.form.get('data'))
        print('name: ', name)
        return jsonify({'code': 200, 'message': 'post ok'})

---

特殊情况：发送数组

一般请求时都是传送字典的居多。在传送数组时，我们可以考虑先转成 json 字符串，到后端再解码回数组。

var ids = [1,2,3]
ids = JSON.stringify(ids)  //转成json字符串 。 而解析函数是 JSON.parse(json);

// 发送时数据
data: {'ids': ids},

python flask后端

ids = request.form.get('ids')
ids = json.loads(ids)  # 解码为python列表

参考 jQuery的Ajax实例（附完整代码）_Yuan_mingyu的博客-CSDN博客_jquery的ajax