Ajax学习（尚硅谷）

Ajax

异步的JS和XML，在网页不刷新的情况下请求，得到返回结果，最大优势就是【无刷新获取数据】，不是一种新的编程语言，是一种新的思维方式

XML

可扩展标记语言，xml中没有预定义标签，全部是自定义标签，用来表示一些数据，现在使用ajax的时候使用json来代替xml，处理会更加方便。

Ajax的优点和缺点

优点

1. 不刷新获取数据
2. 根据用户事件来更新部分页面内容

缺点

1. 对SEO不友好
2. 不能回退，没有历史
3. 存在跨域问题（同源）

HTTP协议

规定了浏览器和万维网服务器之间互相通信的规则，协议就是一个规则，一种约定，主要约定了两个内容

1. 请求，请求报文
2. 响应，响应报文

请求报文

重点是格式和参数
请求行 GET/POST URL路径 HTTP/1.1
请求头 Host Cookie Content-type User-Agent
空行
请求体 GET为空，POST可以不为空

响应报文

行：HTTP/1.1 200 OK
头: 格式和请求头一样
空行
体：html标签

在Chrome里面查看请求报文和响应报文

1. F12打开控制台
2. Network
3. 刷新页面有请求出来
   

安装nodejs

Express 服务端框架

Ajax需要给服务端发请求，所以使用Express作为服务端（基于 Nodejs）
npm init --yes
npm i express
在js文件里面写

启动服务：node xxx.js 文件

原生Ajax

node server.js 打开

Ajax操作的基本步骤

获取元素并且绑定事件


添加这两句

Ajax请求传递参数

Ajax发送POST请求（P12）

https://www.bilibili.com/video/BV1WC4y1b78y/?p=12&spm_id_from=pageDriver&vd_source=67def8b47cf8e23054144d1dcc4412c8