flask使用ajax交互,Jquery使用ajax与Flask后端进行数据交互

在项目中,使用jQuery AJAX向Flask后端POST数据时遇到问题,request.data无法获取到数据。通过将数据转换为JSON字符串并设置contentType为'application/json; charset=UTF-8',后端可以通过request.get_json()成功获取并处理JSON数据,简化了前后端交互的过程。
摘要由CSDN通过智能技术生成

最近做项目碰到一个坑,jquery使用ajax向flask传输数据的时候,在后端采用request.data无论如何都获取不到数据,代码如下:

前端:

function checkUser() {

var usercookie = $.cookie("validate");

$.ajax({

url: "http://127.0.0.1:5000/checkCookie",

type: "POST",

data: {'},

success: function(data){

console.log(data);

},

error: function(err) {

console.log("验证失败");

}

});

}

contentType无论设置成 application/json; charset=UTF-8',还是json,在下列后端测试代码中都无法获取数据:

@app.route('/checkCookie', methods=['POST'])

def checkCookie():

data = request.data

if data :

return "success", 200

else:

return "error", 400

但如果将', 当传入的参数有多个的时候,就会变成a&#

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
下面是使用 AJAX 进行后端连接交互的示例代码: 前端代码: ```javascript const fetchUser = (id) => { $.ajax({ url: `http://localhost:8000/api/users/${id}`, type: 'GET', dataType: 'json', success: (response) => { console.log(response); }, error: (xhr, status, error) => { console.error(error); } }); }; const createUser = (user) => { $.ajax({ url: 'http://localhost:8000/api/users', type: 'POST', dataType: 'json', contentType: 'application/json', data: JSON.stringify(user), success: (response) => { console.log(response); }, error: (xhr, status, error) => { console.error(error); } }); }; ``` 后端代码: ```python from flask import Flask from flask import jsonify, request app = Flask(__name__) users = [ {'id': 1, 'name': 'Alice'}, {'id': 2, 'name': 'Bob'}, {'id': 3, 'name': 'Charlie'}, ] @app.route('/api/users/<int:id>', methods=['GET']) def get_user(id): for user in users: if user['id'] == id: return jsonify(user) return jsonify({'error': 'User not found'}) @app.route('/api/users', methods=['POST']) def create_user(): user = request.json user_id = len(users) + 1 user['id'] = user_id users.append(user) return jsonify(user) if __name__ == '__main__': app.run(port=8000) ``` 在上面的示例中,前端使用 jQuery进行 AJAX 请求,并向 Flask 框架开发的后端应用提供的 RESTful API 发送请求。后端应用接收请求并返回 JSON 格式的数据。在后端应用中,使用 Flask 框架创建了两个路由,分别用于获取和创建用户数据
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值