目录

前后端数据通信-页面刷新

目录

前后端数据通信 页面刷新

对于服务器开发工程师来说,前端页面的刷新分 后端刷新和前端刷新,后端刷新的实现是通过模板加数据实现的,前端刷新的实现是通过jQuery的Ajax+动态加载HEML、CSS的方式实现的   后端和后台不一样,不管是后端刷新和前端刷新,他们都是通过HTTP/HTTPS 通信协议这种协议实现数据通信,使用请求和响应完成一次完整的Web通信的过程

1、后端刷新页面的流程

1.1 实现服务器的API接口文档

1.2 使用flask实现web服务器应用程序的构建

1.3 实现前端请求的URL ,声明对应的Route路由,一般情况下,一个URL对应一个路由

1.4 实现对应路由的视图函数,每个视图函数都需要对应一个试图容器(模板),在这个视图函数中进行数据加模板的方式进行服务器的响应

1.5 实现对应的模板的方式,模板是通过jinja2第三方插件的方式,使用模板语法来实现数据的动态显示

2、前端刷新页面的流程

2.1、实现服务器的API接口文档

2.2、使用Flask 实现Web服务器应用程序的构建

2.3、利用jQuery中的ajax实现前端请求的url(ajax下的url),一般情况下,一个URL对应一个路由

2.4、实现对应路由的视图函数,利用json把得到的数据响应给浏览器,利用ajax进行接收响应,接收到的数据放在ajax下的success中。

2.5、使用jQuery找到放置数据的标签容器,在容器里动态生成标签,放置数据,来实现数据的动态显示。