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. 允许你根据用户事件来更新部分页面内容

缺点

没有浏览历史，不能回退

存在跨域问题（a.com 不能请求 b.com）

1. SEO 不友好（搜索引擎优化不友好，爬虫爬不到）

HTTP 协议

1. 简介：HTTP (hypertext transport protocol) 协议 【超文本传输协议】，详细规定了浏览器和万维网服务器之间互相通信的规则。
2. 请求报文
3. 行： 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

     响应报文

     行：HTTP/1.1 200 OK

     头：Content-Type: text/html; charset=utf-8

     Content-length: 2048

     Content-encoding: gzip

     空行：

     体： HTML 内容

express 框架

    安装 node.js

    终端安装 npm init --yes 包，生成 package.json

    终端安装 npm i express（express 框架），生成 node_modules 和 package-    lock.json

    在 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

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