1.AJAX概念简介

学习视频地址：https://www.bilibili.com/video/BV1WC4y1b78y

• 这是尚硅谷《3小时Ajax入门到精通》学习笔记
• 涵盖视频p1-p8的内容

1、概念简介

1.1 ajax介绍

ajax就是异步的js和xml(可扩展标记语言)，不是新的编程语言
通过ajax可以在浏览器中向服务器发送异步请求，最大优势：不用刷新页面
网页应用：表单验证、搜索引擎

1.2 ajax优缺点

1.2.1 ajax优点

无需刷新就可与服务器通信
可以根据用户事件更新部分页面内容

1.2.2 ajax缺点

没有浏览历史，不能撤退
有跨域问题
SEO不友好（搜索引擎优化，ajax是通过向服务器发送异步请求，获取数据后通过js动态显示在页面，因此网页内容无法爬取）

1.3 http协议

1.3.1 http协议请求报文与响应文本结构

http协议（超文本传输协议）就是详细规定浏览器与万维网服务器之间通信的规则
发送的内容：请求报文
格式如下：

返回的结果：响应报文
格式如下：

1.3.2 Chrome网络控制台查看通信报文

1.4 Express框架

1.4.1 express框架的基本使用

express是基于node的框架
基本使用方法步骤如下：
第一步：在左边资源管理器栏单击右键，选择在集成终端打开

第二步：在终端输入 npm init --yes

第三步：安装express框架 npm i express

第四步： 安装成功后就可以创建一个js文件，按步骤写入代码使用express
代码如下：

//1.引入express
const { response } = require('express');
const express = require('express');

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

//3.创建路由规则
//request 是对请求报文的封装
//response 是对请求报文的封装
app.get('/', (require, response) => {
    //设置响应
    response.send('hello express');
});

//4.监听端口启动服务
app.listen(8000, () => {
    console.log("服务已经启动，8000端口监听中····")
});

第五步： 运行
在集成终端下打开js文件所在文件夹,输入npm expressUse.js
（expressUse.js为文件名）

第六步：在浏览器访问http://http://localhost:8000
得到设置的响应，使用成功