关于前端和后端：前端和后端是如何交互的

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

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

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

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

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

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

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

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

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

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

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

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

5、前端请求参数的形式

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

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

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

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

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

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

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

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

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

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

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

关于前端和后端：前端和后端是如何交互的相关推荐

我们前端忙成狗人家后端写SQL?
要重视战略.技术只是技能现在web前端越来越细分,工具.框架语言.日新月异,学也学不完.很多同学想放弃,甚至有人质疑前端以后饱和了,找不到工作了这种无脑文章. 贩卖焦虑,着实可笑,那么根据现在的判断 ...
业务逻辑写在存储过程好还是后端好_后端两小时，前端一星期！你只是一个写接口的工程师吗？...
故事从一名前端工程师的呐喊开始: 我们公司做项目分配任务,一个星期的活,后端呢,两三个小时就弄完了,前端要做界面,做交互,做功能,忙活一个星期还得和设计师对 UI,和需求方对业务逻辑,最后呢,管事的还 ...
开发转测试没人要_前端开发，测试，后端，该如何选择？
一般来说前端会比后端简单一些的,初学者或者转行可能考虑前端多一点,但是后端开发的薪水又比前端高一些,就是比较枯燥. 前端开发我目前一直在自学前端,从网上找资料,然后听课,只要是对编程有兴趣,应该都能 ...
vue学习笔记-01-前端的发展历史（从后端到前端，再到前后端分离，再到全栈）
vue学习笔记-01-前端的发展历史(从后端到前端,再到前后端分离,再到全栈) 这篇文章是博主在看vue-前端发展简史的时候做的笔记,以供后续学习复习文章目录 vue学习笔记-01-前端的发展历 ...
我们前端忙成狗人家后端写sql?
点击上方"前端你别闹",并"星标" 喜欢我的都关注我了要重视战略.技术只是技能现在web前端越来越细分,工具.框架语言.日新月异,学也学不完.很多同学想放弃 ...
【前端】第一章前端三要素、前后端分离的演变史
第一章前端三要素.前后端分离的演变史文章目录第一章前端三要素.前后端分离的演变史一.前端三要素结构层(HTML) 表现层(CSS) 行为层(JavaScript) 二.前后端分离的演变史 ...
前端使用AngularJS的$resource,后端ASP.NET Web API，实现增删改查
首页 > 技术 > 编程 > NET > 前端使用AngularJS的$resource,后端ASP.NET Web API,实现增删改查前端使用AngularJS的$res ...
程序迭代时测试操作的要点（后端前端）
今晚直播课内容简介,视频可点击链接免费听 <程序迭代时测试操作的要点(后端&前端)> ===== 1:迭代时后台涉及的操作有哪些?如何进行 a.更新war包:用于访问web\app ...
java写接口给前端_看看人家那后端API接口写得，那叫一个优雅！
来源: r6d.cn/tEvn 在移动互联网,分布式.微服务盛行的今天,现在项目绝大部分都采用的微服务框架,前后端分离方式 ,(题外话: 前后端的工作职责越来越明确 ,现在的前端都称之为大前端 , ...
【前端+后端】前后端分离之——前后端axios通信
前后端通过axios通信,使前端能通过axios来调用后端接口 1. 前端安装axios 在前端Terminal中输入npm install axios或者vue add axios(根据vue版本来 ...

关于前端和后端：前端和后端是如何交互的

关于前端和后端：前端和后端是如何交互的相关推荐

最新文章

热门文章