猿问

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

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


慕标琳琳
浏览 614回答 1
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!
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答