一、原生AJAX
1、AJAX简介
AJAX全称为Asynchronous Javascript And XML,就是异步JS和XML
通过AJAX可以在浏览器中向服务器发送异步请求,最大优势:无刷新获取数据
AJAX不是新的编程语言,而是一种将现有标准组合在一起使用的新方式
应用:搜索框提示信息、注册界面用户名校验提示、通过鼠标焦点发送请求获取结果(按需加载)
2、XML简介
XML可扩展标记语言,被设计用来传送和存储数据
XML和HTML类似,不同的是HTML都是预定义标签,而XML中没有预定义标签,全部是自定义标签,用来表示一些数据。
如:保存一个学生数据
<student>
<name>白鹿</name>
<age>21</age>
<gender>=女</gender>
</student>
曾经AJAX中使用XML格式进行数据交换但已经被JSON取代了
JSON表示:{"name":"白鹿","age":21,"gender":"女"}
3、AJAX的特点
3.1AJAX优点
可以无需刷新页面与服务器端进行通信
允许根据用户时间来更新部分页面内容
3.2AJAX缺点
没有浏览历史,不能回退
存在跨越问题(同源)
SEO(搜索引擎优化)不友好
4、HTTP协议
HTTP(hypertext transport protocol)协议,超文本传输协议,协议详细规定了浏览器和万维网服务器之间的通信规则
一种约定、规则
请求报文
行 POST s?ie=utf-8 HTTP/1.1
头 Host:baidu.com
Cookie:name=baidu
Content-type: application/x-www-form-urlencoded
User-Agent:chrome 83
空行
体 GET为空 POST不为空
响应报文
行 HTTP/1.1 200 OK
头 Content-type:text/html;charset=utf-8
Content-length:2048
Content-encoding:gzip
空行
体
<html>
<head>
</head>
<body>
<h1>百度</h1>
</body>
</html>
二、express框架介绍与基本使用
Express - 基于 Node.js 平台的 web 应用开发框架 - Express 中文文档 | Express 中文网