一、AJAX简介
- AJAX全称 Asynchronous JavaScript and XML (异步JS和XML)
- 通过AJAX可以在浏览器中向服务器发送异步请求
- 最大的优势：无刷新获取数据
二、XML简介
- XML 可扩展标记语言。
- XML 被设计用来传输和存储数据。
- XML 和 HTML 相似，不同的是 HTML 中是预定义标签，而XML中没有预定义标签，全都是自定义标签，用来表示一些数据。
<fruit>
<name>apple</name>
<weight>0.5kg</weight>
<color>red</color>
</fruit>
- XML 现在已经被json替代了：
{
"fruit":{
"name":"apple",
"weight":"0.5kg",
"color":"red"
}
}
三、AJAX的特点
-
AJAX的优点
- 可以无需刷新页面与服务端进行通信
- 允许你根据用户事件(键盘、鼠标事件等)来更新部分页面内容
-
AJAX的缺点
- 没有浏览历史，不能回退
- 存在跨域问题（同源）
- SEO不友好
四、HTTP协议
- HTTP(hypertext transport protocol)协议【超文本传输协议】，协议详细规定了【浏览器】与【万维网服务器】之间相互通信的规则。
请求报文
- 重点是格式和参数
行 POST /s?ie=utf-8 HTTP/1.1
头 Host: atguigu.com
Cookie: name=guigu
Content-type: application/x-www-form-urlencoded
User-Agent: chrome 83
空行
体 (如果是GET请求，请求体为空；POST请求，请求体可不为空)
username=admin&password=admin
相应报文
行 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
- 在server.js中引入express
const express = require('express')
- 创建应用对象
const app = express()
- 创建路由规则
- request 是对请求报文的封装
- respones 是对响应报文的封装
app.get('/',(request, response)=>{
设置响应
response.send('Hello Express!')
})
- 监听端口启动服务
app.listen(8000, ()=>{
console.log("服务已启动，8000端口监听中...");
})
