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列表