前言
蘆山網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,蘆山網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為蘆山1000+提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的蘆山做網(wǎng)站的公司定做！
最近因?yàn)楣P者后臺(tái)使用的是flask框架接收和前端使用的是原生的JavaScript和jQuery的ajax發(fā)送，能力有限，在此僅寫下我開發(fā)項(xiàng)目過程中所得，分享出來供大家參考學(xué)習(xí)，下面話不多說，跟著小編來一起看看詳細(xì)的介紹：
一、flask中的json數(shù)據(jù)接收
1、利用flask的request.form.get()方法
Python后臺(tái)部分代碼
重慶分公司
重慶分公司
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后臺(tái)代碼
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后臺(tái)代碼
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)}) # 返回布爾值二、前端發(fā)送json數(shù)據(jù)
1、原生XMLHttp發(fā)送
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 瀏覽器執(zhí)行代碼
xmlhttp=new XMLHttpRequest();
}
else
{
// IE6, IE5 瀏覽器執(zhí)行代碼
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");
// 后面這兩部很重要，我看網(wǎng)上很多都是使用xmlhttp.send("username="+username+"&password="+"),這樣接收還要解析一番感覺還是直接發(fā)送以下格式的好些
var data = {
"username": username
"password": password
"remember": remember
};
var data_json = JSON.stringify(data);
xmlhttp.send(data_json);
}附：json數(shù)據(jù)解析
var text = xmlhttp.responseText;
// 通過eval() 方法將json格式的字符串轉(zhuǎn)化為js對(duì)象，并進(jìn)行解析獲取內(nèi)容
var result = eval("("+text+")");
if (result) {
} else {
alert("請(qǐng)輸入正確的用戶名和密碼");
}2、ajax發(fā)送
$(document).ready(function () {
var data = {
"username": "adamin",
"password": "123456789",
"remember": true
}
$.ajax({
url: "/flask/login",
type: "POST",
data: data,
success: function () {
}
})
})總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對(duì)創(chuàng)新互聯(lián)的支持
