Python的flask接收前臺的ajax的post數據和get數據的方法
ajax向後臺發送數據：
①post方式
ajax:
@app.route("/find_worldByName",methods=['POST'])
type:'post',
data:{'cname':cname,'continent':continent},
這是post方式傳值
那麼在後臺接收就是：(使用request的form方法）
continent = request.form.get("continent")
cname = request.form.get("cname")
②get方式（url參數）
使用request的values方法
使用request的values方法
data:{'cname':cname,'continent':continent},
name=request.values.get("cname")
總結：
這兩種的區別就是數據在ajax data裡的發送方式不同（get和post），所以在後臺接收的時候也會不同。
使用request.form.get 方式獲取的是一個json字符串（在這個方法會自動轉化json對象，可以直接用key訪問）
使用request.values.get 方式獲取的是通過url傳遞的get參數
下面的代碼是整個流程實現：ajax：
//查詢js
function find_res(){
var cname;
var continent;
// $.ajax
// ({
// method:"post",
// url:"http://localhost:8080/PycharmProjects/Cov/templates/world.html?_ijt=q6ulfhihrfp8rqkl8id73svio3",
// success:function(data)
// {
// //form表單數據的轉化，轉化成[ { name: , value: },{ name: , value: } ]
// all=$('#find_value').serializeArray()
// // console.log(all['cname'])
// console.log(all[0])
// cname=all[0]['value']
// alert(cname)
// }
// })
cname=document.getElementById("cname").value
continent=document.getElementById("continent").value
console.log(cname+continent)
// alert("表單數據: "+"國傢："+cname+ "大洲："+ continent)
$.ajax
({
// sync:true,
url:"/find_worldByName",
// type:'post',
data:{'cname':cname,'continent':continent},
success:function (data)
{
// alert("!!!")
table_data=data.data;
for(var i=0;i<table_data.length;i++)
{
// console.log(table_data[i]);
}
var appendHTML = "";
if($(".map-table tbody tr").length>0){
$(".map-table tbody tr").remove();
}
// alert("list長度："+table_data.length)
for(var i=0; i<table_data.length; i++)
{
//分割日期字符串
strdt=table_data[i][1].split(" ");
strdt=strdt[0]+strdt[1]+strdt[2]+strdt[3]
appendHTML = "<tr align='center' style='color:aquamarine;'><td>"+
strdt+"</td><td>"+
table_data[i][2]+"</td><td>"+
table_data[i][5]+"</td><td>"+
table_data[i][8]+"</td><td>"+
table_data[i][9]+"</td><td>"+
table_data[i][4]+"</td><td>"+
(i+1)+"</td></tr>";
$(".map-table tbody").append(appendHTML);
}
}
})
}
前臺html：
<table align="center" style="margin:3px" cellspacing="7px">
<form id="find_value">
<label><font color="#ff7f50">輸入國傢：</font></label>
<input id="cname" type="text" name="cname" placeholder="" value="">
<label><font color="#ff7f50">輸入大洲：</font></label>
<input id="continent" type="text" name="continent" placeholder="" value="">
<input type="button" value="查詢" onclick="find_res()">
<input type="reset" value="重置">
</form>
<thead>
<tr style="color: #FFB6C1">
<th>時間</th>
<th>國傢</th>
<th>累計確診</th>
<th>累計治愈</th>
<th>累計死亡</th>
<th>現存確診</th>
<th>排名</th>
</tr>
</thead>
<tbody id="bd_data">
</tbody>
</table>
Python flask路由：
@app.route("/find_worldByName")
def find_worldByName():
#獲取用戶傳來的數據
# jsondata = json.loads(request.form.get('jsondata'))
res=[]
#get方式
cname = request.values.get("cname")
continent = request.values.get("continent")
#post方式
# continent = request.form.get("continent")
# cname = request.form.get("cname")
# print(cname+continent)
res=utils.find_worldByName(cname,continent)
# res = utils.find_worldByName("美國", "")
# print(res)
return jsonify({"data": res})
後臺獲取數據庫數據：
def find_worldByName(c_name,continent):
print(c_name)
print(continent)
sql = " SELECT * FROM world WHERE 1=1 "
if(c_name!=None):
sql=sql+"AND ( c_name LIKE '%"+c_name+"%' )"
if(continent!=None):
sql=sql+" AND ( continent LIKE '%"+continent+"%') "
sql=sql+" AND dt=(SELECT dt FROM world order by dt desc limit 1) order by confirm desc "
# "AND continent LIKE '%%%%%s%%%%'" \
# " order by dt desc " %(c_name,continent)
# sql_temp = " SELECT * FROM world WHERE c_name LIKE '%"+c_name+"%' "
res = query(sql)
list= []
for i in res:
# print(i)
list.append(i)
return list;
def query(sql,*args):
"""
通用封裝查詢
:param sql:
:param args:
:return:返回查詢結果 （（），（））
"""
conn , cursor= get_conn()
print(sql)
cursor.execute(sql)
res = cursor.fetchall()
close_conn(conn , cursor)
return res
到此這篇關於Python的flask接收前臺的ajax的post數據和get數據的方法的文章就介紹到這瞭,更多相關Python flask接收前臺ajax post和get數據內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！
推薦閱讀：
- None Found