Python基础之Flask快速入门2

Python基础之Flask快速入门2,第1张

概述通过上一篇文章的快速入门,实现了Python利用Flask框架搭建web项目的基本内容,本文将进一步介绍如何通过jQuery实现Flask项目的异步刷新,以达到局部更新的目的,仅供学习分享使用,如有不

通过上一篇文章的快速入门,实现了Python利用Flask框架搭建web项目的基本内容,本文将进一步介绍如何通过jquery实现Flask项目的异步刷新,以达到局部更新的目的,仅供学习分享使用,如有不足之处,还请指正。

什么是AJAX?

AJAX是Asynchronous JavaScript and Xml的简称,通过AJAX向服务器发送请求,接收服务器返回的Json数据,然后使用JavaScript修改页面来实现页面数据的局部刷新。AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新。使用jquery框架可方便的编写AJAX代码,需要jquery.Js文件。

jquery下载

jquery可以通过官网进行下载,在开发过程中,为便于调试,可下载开发版。如下所示:

创建模板

在下载完jquery后,将其拷贝到static/Js目录下,然后创建模板文件AJAX.HTML,如下所示:

 

 AJAX.HTML文件中调用jquery创建AJAX,然后更新页面,如下所示:

 1 <!DOCTYPE HTML> 2 <HTML lang="en" 3 head 4     Meta charset="UTF-8" 5     Title>异步刷新页面</ 6     script src="../static/Js/jquery-3.6.0.Js"></script 7     type="text/JavaScript" 8         $(document).ready(function () { 9             $("#btn_AJAX).click(10                 $.AJAX({11                     url: /AJAX_data,12                     type: post13                     data: {name: 李四score99},1)">14                     success:  (data) {15                         $(h1).HTML(中国加油>>" + data);16                     },1)">17                     error: 18                         alert(发送AJAX失败!);19                     }20 21                 })22             });23         });24     25 26 body27 h1>局部刷新28 input ID="btn_AJAX" type="button" value="点我有惊喜"/>29 30 HTML>

其中AJAX_data为指定路由,主要用于获取数据,如下所示:

 

 注意:一般默认情况下,flask路由只支持get方式,为支持post方式,需要显示声明。

启动服务

启动flask服务,在浏览器中进行访问,初始化加载时如下所示:

 

 点击按钮后,通过AJAX调用后端服务,成功后,刷新页面,实现局部刷新功能,如下所示:

 

以上就是Python利用flask及jquery实现异步刷新的方法,旨在抛砖引玉,分析分享。

字符串格式化

字符串的格式化方法分为两种,分别为占位符(%)和format方式。占位符方式在Python2.x中用的比较广泛,随着python3.x的使用越来越广,format方式使用的更加广泛。

占位符(%)方式
1 name = '小王'2 age = 203 score = 1004 country = 中国5 print("我的名字叫%s我的年龄是%d我的分数是%d我的祖国是%s" % (name,age,score,country))

占位符还可以通过字典的方式进行匹配,如下所示:

1 我的名字叫%(name)s我的年龄是%(age)d我的分数是%(score)d我的祖国是%(country)s" % (2     {name": name,age": age,1)">score": score,1)">country": country}))

输出结果如下所示:

 

format方式
我的名字叫{}我的年龄是{}我的分数是{}我的祖国是{}".format(name,country))  # 默认1对1,多1不可,缺1不可6 我的名字叫{0}我的年龄是{1}我的分数是{2}我的祖国是{3} 通过位置找出替换目标及插入的参数7 我的名字叫{name}我的年龄是{age}我的分数是{score}我的祖国是{country}".format(name=name,age=age,score=score,1)">8                                                                country=country))   {}通过关键字找出替换目标及插入的参数

以上几种format方式,输出结果一致,如下所示:

 

插值法 

在Python 3.6以后,还提供了插值法,实现格式化,如下所示:

print(f")

输出结果也是一样的,如下所示:

备注

长相思·其一

【作者】李白 【朝代】唐

长相思,在长安。

络纬秋啼金井阑,微霜凄凄簟色寒。孤灯不明思欲绝,帷望月空长叹。美人如花隔云端!

上有青冥之长天,下有渌水之波澜。天长路远魂飞苦,梦魂不到关山难。

长相思,摧心肝!

总结

以上是内存溢出为你收集整理的Python基础之Flask快速入门2全部内容,希望文章能够帮你解决Python基础之Flask快速入门2所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/langs/1183743.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-02
下一篇 2022-06-02

发表评论

登录后才能评论

评论列表(0条)

保存