.net post提交后接收返回数据_图书作者,表单的提交-flask

给路由添加post请求的支持

v2-d7b7fb3fa7594d1351fa988ce0835a19_b.jpg

验证用户的表单数据

v2-9bceb197d66211c671894cbf5b244fff_b.jpg

表单提交的主要架构

v2-a6c00349edaa22e8e74c2902511c11fc_b.jpg

回顾数据模型类

v2-d4a1de56e974a13e5fab8965ceabfd0b_b.jpg

v2-54798a934164c9f240dc376a0b26e3c1_b.jpg

v2-4f0d75db932e736ae807c6cdddffb1b7_b.jpg

测试结果

点击空的保存按钮

效果

v2-649ace32aae4bbc605ff54d5d50d8bfb_b.jpg

原理,需要明确

当提交空数据的时候

视图中是怎么走的

v2-a0b0b7fa985b6e0eb14627591a5df825_b.jpg

渲染到页面中的数据是怎样的

v2-48101dc0896b688a660c7a5949fff291_b.jpg

v2-a8bff0b43dbd53d8ddd4601a0e1e160a_b.jpg

下一个功能,删除书籍

v2-50bff2429f0d6091c22dc4b005d5ffe5_b.jpg

使用post方式来提交数据

v2-534067bab2960c423b0206093115ef85_b.jpg

与前端约定好,使用json方式来发送

思考点击删除链接需要传过来什么参数?

视图中接收数据

方式一,通过

request对象的data属性

v2-79d97f5afd9767142348fed5d0fbfba9_b.jpg

方式二

通过request.get_json()获取

结果为转换好的python数据

v2-29e65c0f375ac394fc68d88110299be5_b.jpg

参考

Flask关于request一些方法和属性的整理 - luckylemon - 博客园​www.cnblogs.com

删除与跳转

v2-3bc9fd37f10a7ca9d9d502dd0a30f81d_b.jpg

前端准备javascript发json数据了

v2-59310bc48707ad8fec17f0db4fc08fb5_b.jpg

导入jquery在静态目录中

v2-ecf75703655f8c6641ee2150849356d7_b.jpg

前端加载

v2-9ed91fd00e6022c4502829df79d42166_b.jpg

准备写js

v2-9e01e6484044a2bd05696b03cc0c5ddc_b.jpg

给链接添加点击事件

v2-ecc21bfcc4b1e888acecebde61101265_b.jpg

自定标签属性

jquery获取值

v2-c0c8bd8f82759e617707a7ba9bf38374_b.jpg

前端回调函数等着要数据

视图应该返回内容

v2-e3cacfadf7d71d521cd4ba828f846457_b.jpg

从flask中导入jsonify

v2-bf102fc17067b65c1848f3dcc1971651_b.jpg

jsonify相当于

json.dumps(字典)

同时,返回时还会带上一个响应头

v2-27b2d94a61be161192f810c8dec87998_b.jpg

注意

视图通过

get_json的方式拿数据

要求是请求头中定义的是发送的一个json数据

前端收到响应头后

自动会识别它为json对象

所以可以直接用对象的方式操作

完整的ajax请求

可定义请求方式

回收数据的方式

v2-2e7ed3d85108d688696f8d1a4c3778c4_b.jpg

其它

v2-515c96aba804010d2c9210f15250adab_b.jpg
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值