• 主题:想知道前端和后端是如何联系在一起的

• 比如点击了一个网页是如何与编写的代码进行交互的呢？

  与映射 表单  框架以及代码中的变量，接口有什么样的关系？

• 有几种风格，每种风格有自己的方式

  : 比如点击了一个网页是如何与编写的代码进行交互的呢？

  : 与映射 表单  框架以及代码中的变量，接口有什么样的关系？

• Web前端调后端么，总归都是HTTP访问啦，［映射 表单  框架以及代码中的变量，接口有什么样的关系］这个问的就太宽泛了。
  

• 物理上有信号传递，逻辑上有解析

  【 在 fos 的大作中提到: 】

  :比如点击了一个网页是如何与编写的代码进行交互的呢？

  :与映射 表单  框架以及代码中的变量，接口有什么样的关系？

  :※ 来源:·水木社区

• 前一段有位高人的讲http如何工作的，从硬件开始讲起....好象就是这个版，不知道置顶了没有。

  【 在 fos 的大作中提到: 】

  : 比如点击了一个网页是如何与编写的代码进行交互的呢？

  与映射 表单  框架以及代码中的变量，接口有什么样的关系？

• 【 在 muser (负尽千重罪，练就不死心) 的大作中提到: 】
  : 前一段有位高人的讲http如何工作的，从硬件开始讲起....好象就是这个版，不知道置顶了没有。
  : 与映射 表单  框架以及代码中的变量，接口有什么样的关系？
  

• 哦。也许可以推荐lz去看看。那篇文章也算是神作。

• 并不太神，把精彩的部分略过没写，比如dom的表示和渲染，动画和rasterization，gpu加速

  【 在 muser (负尽千重罪，练就不死心) 的大作中提到: 】

  : 哦。也许可以推荐lz去看看。那篇文章也算是神作。

  : ※ 来源:·水木社区

前端发起请求并等待服务器响应（返回结果）

1、原始的HTML方式是表单

这种方式在submit（提交表单）之后，浏览器会发送一个HTTP（GET/POST）请求给服务器（后端）
服务器处理完后返回结果 页面 ，浏览器重新显示新的页面，所以会刷新

2、现在流行的方式是AJAX

服务器处理完后返回结果（比如json）而非整个页面，所以是 无刷新 的。

后端等待前端请求，处理请求后把处理结果返回给前端

对于后端来说，原始的表单方式和AJAX发来的请求是一样的，
唯一区别就是返回的结果类型，
前者要返回整个新页面的HTML代码，

前后端交互可以 类比 一下函数调用（作为前端应该知道javascript函数吧...）

前端负责调用这个后端提供的函数（接口）：

前后端的交互就跟函数调用一样（如果你不追究浏览器后台的HTTP处理的话）

嗯，就是这样！前端填入参数并调用接口，后端处理然后返回结果，前端再处理后端返回的这个结果！