ajax向后臺發(fā)送數(shù)據(jù):
①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參數(shù))
使用request的values方法
使用request的values方法
data:{'cname':cname,'continent':continent},
name=request.values.get("cname")
總結:
這兩種的區(qū)別就是數(shù)據(jù)在ajax data里的發(fā)送方式不同(get和post),所以在后臺接收的時候也會不同。
使用request.form.get 方式獲取的是一個json字符串(在這個方法會自動轉化json對象,可以直接用key訪問)
使用request.values.get 方式獲取的是通過url傳遞的get參數(shù)
下面的代碼是整個流程實現(xiàn):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表單數(shù)據(jù)的轉化,轉化成[ { 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("表單數(shù)據(jù): "+"國家:"+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;itable_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; itable_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>現(xiàn)存確診/th>
th>排名/th>
/tr>
/thead>
tbody id="bd_data">
/tbody>
/table>
Python flask路由:
@app.route("/find_worldByName")
def find_worldByName():
#獲取用戶傳來的數(shù)據(jù)
# 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})
后臺獲取數(shù)據(jù)庫數(shù)據(jù):
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數(shù)據(jù)和get數(shù)據(jù)的方法的文章就介紹到這了,更多相關Python flask接收前臺ajax post和get數(shù)據(jù)內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
您可能感興趣的文章:- python爬取Ajax動態(tài)加載網(wǎng)頁過程解析
- django ajax發(fā)送post請求的兩種方法
- Python3爬蟲中關于Ajax分析方法的總結
- python爬蟲 基于requests模塊發(fā)起ajax的get請求實現(xiàn)解析
- Python爬取肯德基官網(wǎng)ajax的post請求實現(xiàn)過程