前后交互原理

Posted hjk1124

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前后交互原理相关的知识,希望对你有一定的参考价值。

前后交互:

  所谓交互,就 是 指人与互联网间的互动 ,用户在前端页面做出行为,前端通过捕获行为并根据一系列行为向后台发出 请求:

    1:后台接收了请求,并返回给前台相应数据

    2:后台未接收到请求,此时前台会出现未响应状态

其实这个问题很好理解,举个栗子:

(请注意加粗字体)

  小明去一家饭店吃饭 ,他先坐在饭店大厅的椅子上,然后不一会有个服务员拿着菜单 问他要点什么餐,小明点了醋溜白菜 ,豆腐炖鱼,然后小明就继续坐在椅子上 等呀等,服务员拿到了小明点的菜单,然后转身去了后厨,这个菜单给了大师傅,然后 转身走了(或者就在原地等待,总之做好之前没有出现在小明面前),大师傅去仓库里拿了材料,返回厨房准备做菜。一会儿 ,菜就做好了,然后这个服务员就端着做好的饭菜给小明食用。小明吃饱了以后,一扭身就走出了这个饭店(吃饭不用给钱的吗喂!)

这个小故事看似简单,不过如果我们尝试将前后交互与这个小故事联系在一起就会觉得有趣:

小明其实指的就是用户

服务员指的是负责前台发送数据接收后台数据的ajax/axios等等异步对象

大师傅指的是后端用来处理前台请求的程序

吃饭这个行为指浏览网页的全过程;

饭店指的是浏览器

大厅指的是网站前台

菜单指用户可以发出的各种请求

后厨指的就是后台

仓库就是指数据库

做好的饭菜指的是后端响应后返回给前台的数据

我们可以得出这样的结论:前后交互大致可以分为这几步:

  a:用户进入页面,并点击了前台某个链接

  b:前台的ajax对象捕获到了用户的这个行为,并向后端发送相应的请求,

  c: 后端响应了ajax请求,并返回给了ajax响应的数据

  d: ajax将响应的数据返回给了前台

  d:用户得到了这个链接

这就是 前后交互的原理。

以上。

以上是关于前后交互原理的主要内容,如果未能解决你的问题,请参考以下文章

ajax前后端交互原理

H5和Native交互原理

前端谷歌浏览器基本介绍及前后端分离原理分析

前端谷歌浏览器基本介绍及前后端分离原理分析

Web前后端交互方式

ajax的底层前后台交互