前言
最近因为笔者后台使用的是flask框架接收和前端使用的是原生的JavaScript和jQuery的ajax发送，能力有限，在此仅写下我开发项目过程中所得，分享出来供大家参考学习，下面话不多说，跟着小编来一起看看详细的介绍：
一、flask中的json数据接收
1、利用flask的request.form.get()方法
@app.route("/flask/login",methods=['POST'])
def login():
data_ = request.form.get('data')
data = json.loads(data)
username = data['username']
password = data['password']
rem = False
if data['remember']:
rem = True
return jsonify({"login": Login.login(username,password,rem)}) # 返回布尔值
2、 利用flask的request.get_data()方法
@app.route("/flask/login",methods=['POST'])
def login():
data = request.get_data()
data = json.loads(data)
username = data['username']
password = data['password']
rem = False
if data['remember']:
rem = True
return jsonify({"login": Login.login(username,rem)}) # 返回布尔值
3、利用flask的request.get_json()方法
登录
@app.route("/flask/login",methods=['POST'])
def login():
data = request.get_json()
username = data['username']
password = data['password']
rem = False
if data['remember']:
rem = True
return jsonify({"login": Login.login(username,rem)}) # 返回布尔值
二、前端发送json数据
1、原生XMLHttp发送
xmlhttp.open("POST","/flask/login",true);
xmlhttp.setRequestHeader("Content-type","application/json");
// 后面这两部很重要，我看网上很多都是使用xmlhttp.send("username="+username+"&password="+"),这样接收还要解析一番感觉还是直接发送以下格式的好些
var data = {
"username": username
"password": password
"remember": remember
};
var data_json = JSON.stringify(data);
xmlhttp.send(data_json);
}
附：json数据解析
} else {
alert("请输入正确的用户名和密码");
}
2、ajax发送
})
})
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对编程之家的支持
原文链接：https://www.f2er.com/js/37489.html