python+ajax+mysql前后端数据库的搭建
前言
pycharm hbuilderx navicat
一、前端 hbuilderx
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
#页面加载时呈现的数据
window.onload = function(){
$.ajax({
url:"http://localhost:8899/allinfor",
type:"post",
dataType:"json",
//data为要传递给后端的数据,使用JSON.stringify()转换为json格式
data:JSON.stringify({
allinfor:$("#allinfor").val()
}),
success:function (data){
#获取到后端返回的数据
console.log(data)
console.log(data.allinfor.length)
#数据处理
var tr
for (var i=0;i<=data.allinfor.length;i ){
for(var y=1;y<=13;y ){
// console.log(data.allinfor[i][y])
tr =tr "<td>" data.allinfor[i][y] "</td>";
}
$(".tab3").append('<tr id="tab">' tr '</tr>');
tr = ''
}
},
error:function (){
alert("失败")
console.log("***********")
}
})
}
</script>
二、后端 python
import json
from flask import *
from flask import Flask, request, jsonify, make_response
import pymysql
app = Flask('__name__')
@app.after_request
def cors(environ):
environ.headers['Access-Control-Allow-Origin']='*'
environ.headers['Access-Control-Allow-Method']='*'
environ.headers['Access-Control-Allow-Headers']='x-requested-with,content-type'
return environ
#获取数据库里的信息 传递到前端
@app.route('/allinfor',methods = ['POST'])
def allinfor():
#获取前端发给的信息
data =request.get_data()
json_data = json.loads(data)
print(json_data)
a = list(dict.values(json_data))
#数据库获取到信息
conn = pymysql.Connection(host = 'localhost',user = 'root', password = '152800' ,port = 3306 ,database ='tw')
cursor = conn.cursor()
sql = "select * from tw_sql "
cursor.execute(sql)
conn.commit()
a = cursor.fetchall()
#处理后的信息返回给前端
pp =[]
info = dict()
for i in a:
i = list(i)
pp.append(i)
#字典的形式返回
info['allinfor'] = pp
return jsonify(info)
if __name__ == '__main__':
app.run(port=8899)
三、数据库
要保证打开着 !
数据库连接的代码 后端里面写过的
conn = pymysql.Connection(host = 'localhost',user = 'root', password = '152800' ,port = 3306 ,database ='tw')
cursor = conn.cursor()
sql = "select * from tw_sql "
cursor.execute(sql)
conn.commit()
总结
无
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhgafgge
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
怎样阻止微信小程序自动打开
PHP中文网 06-13