前言
最近因為筆者后臺使用的是flask框架接收和前端使用的是原生的JavaScript和jQuery的ajax發送，能力有限，在此僅寫下我開發項目過程中所得，分享出來供大家參考學習，下面話不多說，跟著小編來一起看看詳細的介紹：
一、flask中的json數據接收
1、利用flask的request.form.get()方法
Python后臺部分代碼
from flask import Flask
from flask import jsonify
from flask import request
import json
...
# 登錄
@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()方法
Python后臺代碼
from flask import Flask
from flask import jsonify
from flask import request
import json
...
# 登錄
@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, password, rem)}) # 返回布爾值
3、利用flask的request.get_json()方法
Python后臺代碼
from flask import Flask
from flask import jsonify
from flask import request
...
# 登錄
@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, password, rem)}) # 返回布爾值
二、前端發送json數據
1、原生XMLHttp發送
function login() {
var username =document.getElementById("username").value;
var password = document.getElementById("password").value;
var remember =document.getElementById("remember").checked;
var xmlhttp;
if (window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 瀏覽器執行代碼
xmlhttp=new XMLHttpRequest();
}
else
{
// IE6, IE5 瀏覽器執行代碼
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState===4 && xmlhttp.status===200)
{
...
}
};
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數據解析
var text = xmlhttp.responseText;
// 通過eval() 方法將json格式的字符串轉化為js對象，并進行解析獲取內容
var result = eval("("+text+")");
if (result) {
} else {
alert("請輸入正確的用戶名和密碼");
}
2、ajax發送
$(document).ready(function () {
var data = {
"username": "adamin",
"password": "123456789",
"remember": true
}
$.ajax({
url: "/flask/login",
type: "POST",
data: data,
success: function () {
}
})
})
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對億速云的支持
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
