学习视频地址: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
得到设置的响应,使用成功