js与python前后端通信_python中前后端通信方法Ajax和ORM映射（form表单提交）

后端从数据库获取数据给到前端：

第一种方式：

admin.py文件代码：

@admin.route('/showList')

def show():

# 获取数据库所有文章数据，得到一个个对象

res=Article.query.all()

dicts=[]

# 将每一个对象转成字典并加入一个列表，再用jinja模板将数据渲染到视图html中for item inres:

dicts.append(item.__dict__)

print('读取所有内容',dicts)

print('每一个字段的值',dicts[0]['title'])

# 将数据dicts=dicts传到articleList.html页面渲染return render_template('admin/articleList.html',dicts=dicts)

前端利用jinja语法渲染：

{%for item in dicts%}

---

作者:

{ {item['author']}}

文章分类:{ {item['category']}}

文章发布时间:{ {item['put_date']}}

文章内容:{ {item['content']}}

编辑

删除

---

{% endfor %}

在点击修改文章时需要知道具体是哪偏文章需要修改所以在上面用data-id将每篇文章的id保存到设置属性dataset里

在js里直接设置路由，根据相应路由程序会执行相应的py文件下路由的函数方法：

function del(e){

console.log('删除',e)//获取表单设置好的data—id值

value =e.target.dataset.id//本地路由定向

location.href='/admin/delArticle/'+value//console.log('/admin/delArticle/'+ value)//$('form1').a