Ajax基础笔记

Ajax优点：1.页面不刷新，与服务器进行通信。

2.用户在页面中做操作，从而实现局部数据刷新，数据懒加载功能。

缺点：1.没有浏览记录，不能退回

2.当a域名网站请求b网站资源存在跨域请求问题

3.因为是做局部刷新且异步请求，请求到的数据并不会直接出现在页面上，只会动态创建标签进行赋值，所以可以实现反爬虫（seo）的效果

http协议【超文本传输协议】，协议详细规定了浏览器和万维网服务器之间互相通信的规则

http请求报文：格式与参数（重点）

行：1.请求类型（get/post等请求方式）2.请求路径（请求地址、是否携带参数）3.请求协议版本 HTTP/1.1

头: Host: atguigu.com

Cookie:name=guigu

Content-type : application/x-www-from-urlencoded

User-Agent: chrome 83

空行

体：get请求类型可以有请求体，也可以没有请求体，post请求类型不为空

http响应报文

行： 1.请求协议版本 HTTP/1.1 2.http状态码：200

头 Content-Type: text/html; charset=utf-8 (charset:字符串)

Conten-length:2048

Conten-encoding:gzip

空行

体请求后所得的内容

    <html>
        <head>
        </head>
        <body>
            <h1>阿森</h1> 
        </body>
    </head>

HTTP状态码

```
1XX
```
：信息状态码
- 100 Continue 继续，一般在发送post请求时，已发送了http header之后服务端将返回此信息，表示确认，之后发送具体参数信息
```
2XX
```
：成功状态码
- 200 OK 正常返回信息
- 201 Created 请求成功并且服务器创建了新的资源
- 202 Accepted 服务器已接受请求，但尚未处理
```
3XX
```
：重定向
- 301 Moved Permanently 请求的网页已永久移动到新位置。
- 302 Found 临时性重定向。
- 303 See Other 临时性重定向，且总是使用 GET 请求新的 URI。
- 304 Not Modified 自从上次请求后，请求的网页未修改过。
```
4XX
```
：客户端错误
- 400 Bad Request 服务器无法理解请求的格式，客户端不应当尝试再次使用相同的内容发起请求。
- 401 Unauthorized 请求未授权。
- 403 Forbidden 禁止访问。
- 404 Not Found 找不到如何与 URI 相匹配的资源。
```
5XX:
```
服务器错误
- 500 Internal Server Error 最常见的服务器端错误。
- 503 Service Unavailable 服务器端暂时无法处理请求（可能是过载或维护）

浏览器控制台查看报文

在浏览器控制台点击network查看网站当前页面所有请求，

headers：查看报文 1.General，2.Response Headers:响应头，3.Request Headers:请求头(view source:查看未解析过的请求头，view parsed：查看解析过的请求头)，4.Query String Parameters（对url参数进行了参数解析）

preview：对查看相应报文的预览

response ：对请求数据做解析

ajax准备工作

1.安装node.js 在cmd中查看node版本 node -v（不要下载最新的node，兼容性差）

旧版本安装 nodejs.org/zh-cn/downl…

找到旧版本点击下载，下载msi文件就可以.

设置npm 环境变量在用户变量新建添加 C:\Users\你电脑的用户名\AppData\Roaming\npm

2.安装express const express = require('express') //引用express模块需要在安装express文件下引用（查看官网如何安装）

3.创建应用对象 const app = express ();

4.创建路由规则 resquest:是对请求报文的封装，response:是对响应报文的封装

app.get('/',(resquest,response)=>{

//设置响应

response.send('HELLO AJAX')

})

5.监听端口启动服务

app.listen(8000,()=>{

console.log('8000端口已经启动完毕')

})

6.启动服务，用node 在书写express.js文件打开终端执行输入node “文件名” ，再用浏览器输入本地ip +端口号

查询本地ip 在cmd 中输入输入ipconfig命令查看ip 退出node服务，在终端按ctrl + c