ajax+node前后端交互学习笔记（1）

大致理解前后端交互的概念

当你去餐馆吃饭的时候，坐下后服务员会带着⼀个菜单过来，问你需要点什么菜，这个时候你浏览了菜单上的菜，把想吃的菜告诉服务员，服务员把你点的菜拿到后台，后台根据你点的菜名，逐⼀完成，菜做完后叫服务员给你上菜，就这么⼀个场景其实和我们web开发中的前后台交互竟是如此相似，我们来看看哪些点是相似的：
1 菜单—浏览器⻚⾯，你看到的菜单如果在web开发中，就相当于⽤户看到的浏览器⻚⾯
2 点菜（记录想吃的菜） — 点击⻚⾯（和⻚⾯交互，例如：点击登录）
3 服务员把菜单交给后厨 — 发送数据（可以把数据理解为菜单）到后台（可以把后台理解为后厨）
4 后厨做菜 — 后台处理数据
5 上菜 — 后台把处理好的数据发送给前台
根据上⾯的⼀些相似点，我们总结⼀下前后台的特点：
1、前台是对⽤户可⻅的，例如，菜单、你能看到的⽹站⻚⾯
2、后台对⽤户是不可⻅的，⽤户也不⽤关⼼后台具体在⼲什么，⽤户只需要知道吃什么菜(具体想看那些⻚⾯数据)，⽽并不关⼼这些菜如何做的（⼀般后厨不对外开放）
3、后厨和餐桌之间是需要建⽴通信连接的，这事⼉由服务员来完成，在⽹络中具体就是那些⽹络传输设备来完成

综上所述，我想你应该⼤致猜出前端⼯程师和后端⼯程师具体做哪些⼯作了，前端⼯程师主要负责⻚⾯展示，这⾥包括pc端、移动端、TV端等，需要考虑如何把后端给我的数据显示得更好看，也就是说我得把菜单做得⾮常好看，客户点菜才更有欲望，这其中客户点菜的交互过程也是⾮常重要的，关系到⽤户的使⽤体验，还有⼀个⾮常重要的职责就是要把数据发送到后台去处理，⽤户和⻚⾯交互的时候需要什么，不需要什么，怎样做才能提⾼体验也是前端需要关⼼的，⼀句话概括就是前端负责⽤户的体验，后台主要就是处理数据，这个过程不需要让⽤户知道，你可以去仓库拿原材料，⽤各种⼯具各种⽅式来完成菜谱上的各种菜，只需要最终呈上⼀道可⼝的菜就⾏，总结起来就是前端负责和⽤户交互，后台负责处理数据

总结⼀下重点：
1 ECMAScript是JavaScript的标准
2 JavaScript在浏览器端依赖于DOM和BOM提供的接⼝，有了这些接⼝可以操作⽹⻚中的元素和浏览器
3 JavaScript在后端也需要运⾏环境那就是Node.js，它扩展了⼀些模块，让js有后端开发的能⼒
4 相关的规范组织 W3C、ECMA、CommonJs

ajax+node前后端交互学习笔记（1）相关推荐

前后端交互学习笔记（二）：Node.js及npm学习
Node.js及npm 文章目录 Node.js及npm 复习引入初识node.js fs文件系统模块 path路径模块 http模块创建web服务器根据不同url设置响应代码模板模块化学习 ...
使用Ajax进行前后端交互（一）
实现我们需要做好准备工作本章涉及到的架包有: jackson-annotations-2.9.8.jar jackson-core-2.9.8.jar jackson-databind-2.9.8. ...
前后端分离学习笔记(5) ---[表单的增删改操作；以及为管理员上传头像]
上一篇案例中也是查询到了表单的内容–>前后端分离学习笔记(4) -[路由嵌套, 查询表单显示] 文章目录 1.前端组件页面添加管理员操作修改管理员信息删除管理员为管理员上传头像修改密码 ...
JavaScript 学习笔记（八）前后端交互；Ajax进行前后端交互
目录一.前后端二.前后端接口三.Ajax 1. ajax接口步骤 2. 返回为json格式四.请求方式五.案例:登录一.前后端前端:用户可以看见的界面,我们一般浏览网页时看到的界面,展现 ...
Flask使用ajax进行前后端交互
ajax前后端交互的使用已经非常普及了, 这种数据交互方式比表单提交数据带给用户的使用体验更好一些.同时,利用ajax交互时数据传输一般使用json,我们可以很方便的管理我们所需要的数据.只需要定义好 ...
网站前后端交互学习有感
今天看了一个教学视频,教的是世界上最好的语言--php.但其实语言毕竟大同小异,我感觉给我恍然大悟感觉的就是最后一课动手写一个前后端交互的简单例子,以前html标签里的某些不明白的东西一下子就懂了(原 ...
python如何实现前后端交互_笔记 | 实现前后端交互的方法
前端工程师的职责:1.UI重构 2.在正确的区域渲染出服务端的数据. 毕竟,我们要构建一个大的web应用,必然不是普普通通的静态页面构成. 下文将罗列前端工程师应该必备的同后端打交道的常用技能. 1. ...
struts2、ajax实现前后端交互
跳过struts2环境搭建部分,或者可以看我的博客(http://www.cnblogs.com/zhangky/p/8436472.html),里面有写,很详细. 需要导入的jar包(struts官 ...
【前端】前后端交互重点Ajaxの介绍及实战
❤️Ajax❤️ 每篇前言: 第一部分:JSON简介效果展示: 第二部分:前后交互 1.此处介绍前后交互的两种方式: (1)利用form表单里的name属性进行前后端交互 HTML代码: Pytho ...

ajax+node前后端交互学习笔记（1）

大致理解前后端交互的概念

ajax+node前后端交互学习笔记（1）相关推荐

最新文章

热门文章