web前端怎么配合后端开发？如何交互？

很多人对 web 开发不是很了解，为什么一个 web 应用要分成前后端开发呢？一起开发不好吗？其实随着软件工程化的概念逐渐深入后，很多公司都会按照软件工程学的观点，把开发和测试分离，把前端和后端分离。那么前后端分离后，前端与后盾如何交互？前端又该怎么配合后端开发呢？接下来就让小编来告诉你。

为什么要进行前后端分离

最开始的时候，web 应用只需要后端开发工程师，前端的工作也由后端进行开发。因为刚开始对 web 应用的美观要求没有那么高，而且这个时候有很多使用动态页面（每次请求服务器都会动态生成一个页面），所以当时并不存在前后端之说，只有后端在苦逼的做开发。后来，客户逐渐要求更好看的页面，这时候就出现前后端了。以 java 为例，最开始使用 servlet 就能进行后端开发（直接使用 servlet 输出一个 HTML 文件流）。但是为了降低代码耦合程度（使用 MVC 模型），出现了 JSP（一种动态生成 HTML 的技术，让 HTML 在 JSP 中生成，servlet 不再处理页面的生成，只专注于逻辑和数据的处理）。这时候后端就可以把页面开发单独提出来给前端开发了，这个阶段因为 JSP 也要会一定的 java，所以又出现了一种叫 EL 的语言（在 JSP 中使用，比 java 简单，准确的来说应该称其为表达式，EL 表达式使前端不需要掌握 java 也能获取服务器数据）。前端在页面开发的同时还要兼顾页面美观，所以对 CSS 的要求也提升了。再往后，JSON 和 AJAX 让前后端彻底分了家。前端只需要开发静态页面，然后用 AJAX 与后端进行数据交互，然后将后端返回的数据拿到前端进行渲染，就能达到现代 Web 应用的效果。自此，前端只需要负责展示页面的开发，一些简单逻辑以及与后端的数据交互，后端只需要负责给前端传递数据以及一些关键的服务。这样子的开发模式使整个 web 应用的耦合度更松了（前端可以用静态的 json 取代动态的 json 来开发，后端测试的时候只需要测试输出的 json）。

前后端怎么交互？

上面有介绍了，他们可以通过 json 进行数据交互，前端通过 AJAX 进行 json 的发送和接收，通过 json 解析获取数据，后端通过相关的技术（ java 和 python 都有专门解析和发送 json 的包，比如 java有​net.sf.json​ 包）。

前端如何配合后端开发

一般有两种方式。一种是前端规定接口，后端负责接口实现的。由于数据的展现处理都是由前端进行实现，所以前端可以要求后端给定相应格式的 json。另一种方式是前后端一起协定接口定义。因为前端对后端了解比较少，所以如果只由前端定义接口，到时候接口会很混乱，前后端一起协定接口定义，后端在开发的时候就能对接口进行封装，使后端开发更轻松。 

小结

现在的前后端分离，更多的是后端去配合前端进行功能实现，所以与其说是前端配合后端开发，不如说是后端配合前端开发。这个时候前端跟后端进行接口定义的时候，前端一定要有一定的主动权，不然后端给你的 json 可能会让你的心情变得郁闷。

学习前端与后端交互课程，可以到 W3Cschool 编程课学习。

前端与后端交互必备：Ajax + JSON 入门课程。

后端开发：W3Cschool编程课-后端课程。