小白拿走不谢!前后端交互的原理是什么?

789 阅读5分钟

「这是我参与11月更文挑战的第13天,活动详情查看:2021最后一次更文挑战

上篇我们介绍了互联网产品的前后端数据交互是通过一个通讯协议(当然不仅限于HTTP)完成的那前后端实现数据交互的具体原理是什么呢?本篇文章我们简要描述一下吧,希望对入门小白有所帮助!

1. 前端请求数据接口是什么?URL由谁来写?

接口就是提供具体能力的一个标准和抽象,是一些预先定义的函数,包括接口地址、传入参数和返回参数和数据。 可以理解为,当需要访问某些数据,正常状态下传入合格参数,会收到该数据范围内的返回参数。前后台的交互基本都是通过程序接口实现的。

数据交互的过程可理解为,前台想要获得某些数据,将传入参数通过URL接口地址,传递给服务器,服务器根据传入的参数了解到前台要获得什么数据,去数据库查询获取数据,然后将所需数据返回给前台,前台拿到数据做相应的页面展示。

在开发中,URL主要是由后台来写的,写好了给前端开发者.如果后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数,这里的查询参数也就是URL请求的参数。

2. 接口文档由谁来写?

接口文档也是主要由后台开发者来写的,因为直接跟数据打交道的就是后台,后台是最清楚,数据库里面有什么数据,能返回什么数据。

前端开发只是数据的被动接受者,所以接口文档也主要是由后台来完成的。前端只是接口文档的使用者,使用过程中,发现返回的数据不对,则需要跟后台进行商量,由后台来修改。切记!! 前端不要随意更改接口文档,除非在取得后台开发人员的同意的情况下。总之,接口文档主要由后台来设计,修改,前端开发者起到了辅助的作用

3.前端开发与后台交互的数据格式主要是什么?

主要是JSON XML现在用的不。

JSON(JavaScript Object Notation,) 是一种轻量级的数据交换格式,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。

4.前端开发的后台交互原理?

在项目的时候,我们前后端会大概说一下接口地址,前端请求的参数,后端返回的参数,然后大家就开始写,写的差不多的时候,大家调一下接口看一下返回的数据,没问题就可以了。

5.前端请求参数的形式

GET和POST两种方式, 也会采用RESTful架构。 通过请求方式表示用户行为,对安全性不高, 采用get方便、 post要比get安全。 GET - 从指定的服务器中获取数据; POST - 提交数据给指定的服务器处理。

上篇文章对请求方式有更多介绍,如有需要请 移步这里

6.前端应该告知后台哪些有效信息?后台才能返回前端想的数据的呢?

先将要展示的页面内容进行模块划分,将模块的内容提取出来,以及方便前端的一些标志值等,将所有想要的内容和逻辑告知后端,后端就会去数据库里面去查找相应的数据表中去获得相应的内容,或者图片地址信息。 URL中的参数主要是根据后台需要, 如果后台需要一个参数作为查询的辅助条件 前端在URL数据请求时就传递参数。

7.应该怎么把页面这些信息有效传达给后台?以及后台是如何获取到这些数据?

所有前端请求的URL后面的参数,都是辅助后台数据查询的。如果不需要参数,那么后台就会直接给个URL给前端。

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

在与后台打交道中,我们经常遇到这种情况,有时候明明后台来处理某个事件很简单,后台非要你来做,这时候我们应该懂得去回绝他。 原则:前端就是负责把数据展示在页面上; 方法:这就需要我们对一个需求:一个任务的要有清晰认识了,如果对任务含糊不清,自己都没搞明白,你只能受后台摆布了。

9.当前端在调用数据接口时,发现有些数据不是我们想要的,那么前端应该怎么办呢或者怎么跟后台讲呢?

首先要把请求的URL和返回的数据以及在页面的展示的情况给跟后台看,这样有理有据,后台开发人员是不会说什么的。否则,后台会很不耐烦的,甚至骂你的可能都有,本身做后台比较难,尤其在查询数据、取数据、封装数据方面都比较难处理。

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

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