(☆_☆)/~~前后端是如何交互的？小白一个，求高手指点。

Question

只接触过前端，各种不懂后端的。。。希望大神能给描述一下它们之间的关系，如何联系的？跪谢~~~!

Answer 1

一句话：HTTP(s)协议所谓接口就是 HTTP(S) 的URL + 参数 + 返回的结果前端发起请求并等待服务器响应（返回结果）1、原始的HTML方式是表单<form&nbsp;method="post/get"> &nbsp;<input...>&nbsp;... </form>这种方式在submit（提交表单）之后，浏览器会发送一个HTTP（GET/POST）请求给服务器（后端）服务器处理完后返回结果&nbsp;页面&nbsp;，浏览器重新显示新的页面，所以会刷新2、现在流行的方式是AJAX已jquery为例，$.get/post/ajax 之后也会给服务器发送HTTP请求服务器处理完后返回结果（比如json）而非整个页面，所以是&nbsp;无刷新&nbsp;的。后端等待前端请求，处理请求后把处理结果返回给前端对于后端来说，原始的表单方式和AJAX发来的请求是一样的，唯一区别就是返回的结果类型，前者要返回整个新页面的HTML代码，而后者只需要返回约定好的类型数据（比如json:{result:true/false, msg: 'blabla'}）总结前后端交互可以&nbsp;类比&nbsp;一下函数调用（作为前端应该知道javascript函数吧...）后端负责定义好函数：function&nbsp;test(a,&nbsp;b){&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;a&nbsp;+&nbsp;b; }前端负责调用这个后端提供的函数（接口）：r&nbsp;=&nbsp;test(1,2) alert('1+2='&nbsp;+&nbsp;r);类比：$.post({&nbsp;&nbsp;&nbsp;&nbsp;url:'test',&nbsp;&nbsp;&nbsp;&nbsp;data:'a=1&b=2',&nbsp;&nbsp;&nbsp;&nbsp;success:function(data,status){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert('1+2='&nbsp;+&nbsp;data); &nbsp;&nbsp;&nbsp;&nbsp;}, })前后端的交互就跟函数调用一样（如果你不追究浏览器后台的HTTP处理的话）嗯，就是这样！前端填入参数并调用接口，后端处理然后返回结果，前端再处理后端返回的这个结果！END!