前端和后端是怎么交互的（转）

Posted 2021-03-11 stephen-qin

原文章地址：https://www.cnblogs.com/huchong-bk/p/11394090.html

偶然间看到这篇文章阅读量最高，相信一些小白对一些前后端交互的事情还是一头雾水，那么借着这次机会我在这篇文章的开头加上一些自己的看法希望可以帮到你们

前后端交互其实说起来很高大上的样子，其实也就那样，等你对接口了以后发现也很简单啊

接口数据格式你可以和你的后端商量，比较正规的会给你一个接口文档，上面写清了参数和代表的意义，以及传递的数据类型，接着他会给你一个接口，然后我们前端要做的就是对接口了，一般是用ajax来请求接口，请求里面放上url，dataType和success成功以后要执行的操作就好了，在这个成功函数里面你可以写当你这个请求成功以后你想执行的操作，当你不确定是否请求到的时候，你可以F12来查看响应码，或者在成功函数里面打印console.log(data)来检查，记得这个data也要传递给success函数哦，就是这个成功函数的形参，名字你可以随便换，下面保持一致就可以了

 

还有什么不懂的可以看我博客上其他的内容，相信肯定有你想要的，从基础到大神麻烦关注我，我们一起成长

（想看怎么对接口的可以看Echarts实战或者ajax专题，或者有问题直接留言我会尽我所能）

 

下面文章来源：apple_wheat

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

在开发中，URL主要是由后台来写好给前端。 
若后台在查询数据，需要借助查询条件才能查询到前端需要的数据时，这时后台会要求前端提供相关的查询参数（即URL请求的参数）。

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

接口文档主要由后台设计和修改。 
后台直接跟数据打交道，最清楚数据库里有什么数据，能返回什么数据。 
前端只是数据的被动接受者，只是接口文档的使用者。 
使用过程中，发现返回的数据部队，则跟后台商量，由后台修改。 
切记：前端不能随意更改接口文档，除非取得后台同意。

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

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

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

关注点：接口地址、前端请求的参数、后端返回的参数。 
调一下接口，看一下返回的数据。

5、前端请求参数的形式

GET和POST两种方式 
GET从指定的服务器中获取数据，POST提交数据给指定的服务器处理

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

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

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

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

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

前端负责把数据展示在页面上 
清晰的认识自己需要做的需求和任务

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

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

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

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