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;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>現存確診/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數據內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:- python爬取Ajax動態加載網頁過程解析
- django ajax發送post請求的兩種方法
- Python3爬蟲中關于Ajax分析方法的總結
- python爬蟲 基于requests模塊發起ajax的get請求實現解析
- Python爬取肯德基官網ajax的post請求實現過程
