千锋教育-做有情怀、有良心、有品质的职业教育机构

400-811-9990
手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

上海
  • 北京
  • 郑州
  • 武汉
  • 成都
  • 西安
  • 沈阳
  • 广州
  • 南京
  • 深圳
  • 大连
  • 青岛
  • 杭州
  • 重庆
当前位置:成都千锋IT培训  >  行业资讯  >  成都web前端培训知识点:前后端交互的原理是什么?

成都web前端培训知识点:前后端交互的原理是什么?

来源:千锋教育
发布人:千青
时间: 2021-04-30 15:06:00

      在网页当中,前端一般负责呈现用户界面,而后端则负责用户数据,想必很多的朋友想过这样一个问题,那就是前后端到底是如何进行交互的呢?前端如何接受后端数据?后端又如何判断前端提交的数据呢?今天笔者就带大家一起来解惑。

成都web前端培训知识点:前后端交互的原理是什么?

      1、前端请求数据URL由谁来写

      在开发中,URL主要是由后台来写好给前端。

      若后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数(即URL请求的参数)。

      2、接口文档主要由谁来写

      接口文档主要由后台设计和修改。

      后台直接跟数据打交道,最清楚数据库里有什么数据,能返回什么数据。

      前端只是数据的被动接受者,只是接口文档的使用者。

      使用过程中,发现返回的数据部队,则跟后台商量,由后台修改。

      切记:前端不能随意更改接口文档,除非取得后台同意。

      3、前端与后台交互的数据格式

      主要是JSON,XML现在用的不多

      JSON 通常用于与服务端交换数据。

      在接收服务器数据时一般是字符串。

      我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。

      4、前端与后台的交互原理

      关注点:接口地址、前端请求的参数、后端返回的参数。

      调一下接口,看一下返回的数据。

      5、前端请求参数的形式

      GET和POST两种方式

      GET从指定的服务器中获取数据,POST提交数据给指定的服务器处理

      6、前端应该告知后台那些有效信息,后台才能返回前端想要的数据

      先将要展示的页面内容进行模块划分,将模块的内容提取出来,以及方便前端的一些标志值等,将所有想要的内容和逻辑告知后端

      后端从数据库里面去查询相应的数据表以获得相应的内容或者图片地址信息

      URL中的参数主要是根据后台需要,若后台需要一个参数作为查询的辅助条件,前端在URL数据请求时就传递参数

      7、前端如何把页面信息有效传达给后台,以及后台如何获取到这些数据

      所有前端请求的URL后面的参数都是辅助后台数据查询的

      若不需要参数,那后台就会直接给个URL给前端

      8、前端应该如何回拒一些本不属于自己做的一些功能需求或任务

      前端负责把数据展示在页面上

      清晰的认识自己需要做的需求和任务

      9、当前端在调用数据接口时,发现有些数据不是我们想要的,那么前端应该怎么办

      把请求的URL和返回的数据以及在页面的展示的情况给后台看【后台查询数据、取数据、封装数据方面等蛮难处理的】

      10、为什么需要在请求的时候传入参数

      后台在查询数据库的时候需要条件查询

成都web前端培训知识点:前后端交互的原理是什么?

      以上内容是对“前后端交互的原理是什么?”的解答,如果您仍然对Web前端有疑问,可以访问千锋教育成都校区的官方网站cd.mobiletrain.org,还可以免费查看和使用web前端学习资料。

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。

猜你喜欢LIKE

零基础学习java多久可以学会?

2023-04-06

学程序员需要什么条件?要掌握哪些方面的基础理论知识

2023-02-13

程序员培训一般要多少钱?要考虑相应的综合性价比

2023-02-01

最新文章NEW

计算机前端和后端区别,哪个好?

2023-03-30

it培训大概需要多少钱?快速的完成相应的综合分析和对比

2023-01-11

成都it培训多少钱?把握了当前的市场培训价格

2023-01-11

相关推荐HOT

更多>>

快速通道 更多>>

最新开班信息 更多>>

网友热搜 更多>>