2021-05-12 14:32:11
Python的flask接收前臺的ajax的post資料和get資料的方法
2021-04-12 16:00:25
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資料內容請搜尋it145.com以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援it145.com!
相關文章