AJAX ------ 预备 AJAX

AJAX 简介

1. AJAX 全称为 Asynchronous JavaScript And XML，就是异步的 JS 和 XML。
2. 通过AJAX可以在浏览器中向服务器发送异步请求，无需刷新就可获取数据。

XML 简介

1. XML 可标记语言
2. 被设计用来传输和存储数据
3. XML 和 HTML 类似，不同的是 HTML 中都是预定义标签，而 XML 中没有预定义标签，都是自定义标签。

注意:XML格式已经被JSON取代了
JSON表示：{“name” : “前端开发人员”}

AJAX 特点

优点

1. 可以无需刷新页面与服务器端进行通信
2. 允许你根据用户事件来更新部分页面内容

缺点

1. 没有浏览历史，不能回退
2. 存在跨域问题（a.com 不能请求 b.com）
3. SEO 不友好（搜索引擎优化不友好，爬虫爬不到）

HTTP 协议

1. 简介：HTTP (hypertext transport protocol) 协议 【超文本传输协议】，详细规定了浏览器和万维网服务器之间互相通信的规则。
2. 请求报文
   行： GET /s?ie=utf-8 HTTP/1.1
   头： Host：baidu.com
   Cookie: name = baidu
   Content-type: application/x-www-form-urlencode
   User-Agent: chrome 83
   空行：
体：行为 GET，请求体为空。行为 POST，请求体可以不为空。username=admin&password=admin
3. 响应报文
   行：HTTP/1.1 200 OK
   头：Content-Type: text/html; charset=utf-8
   Content-length: 2048
   Content-encoding: gzip
   空行：
体： HTML 内容

express 框架

1. 安装 node.js
2. 终端安装 npm init --yes 包，生成 package.json
3. 终端安装 npm i express（express 框架），生成 node_modules 和 package-lock.json
4. 在 express基本使用.js 中添加代码块

	//1.引入express
	const express = require('express');
	
	//2.创建应用对象
	const app = express();
	
	//3.创建路由规则
	//requset是对请求报文的封装
	//response是对相应报文的封装
	app.get('/', (request, response)=>{
	    // 设置响应
	    response.send("HELLO EXPRESS");
	});
	
	//4.监听端口启动服务
	app.listen(8000, ()=>{
	    console.log("服务已经启动,8000 端口监听中...");
	})

5. 在 js文件上一级文件夹的终端输入 node express基本使用.js ，启动服务，终端输出 服务已经启动,8000 端口监听中...
6. 在浏览器输入 127.0.0.1:8000，显示 HELLO EXPRESS

不积跬步无以至千里 不积小流无以成江海