菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 王文博-2023-1-9 [打印本页]

作者: 博5237 时间: 2023-2-11 14:48
标题: 王文博-2023-1-9

一．今日学习内容

1.概述

Asynchronous javascript and xml(异步javascript与xml)

ajax不是一种新技术，而是已有技术的集合，javascript是核心载体

优势：在不刷新页面的情况下，更新页面数据，提升用户体验

2.发送ajax请求

ajax核心对象--XMLHttpRequest对象

创建XMLHttpRequest对象要分为低版本IE与非IE两种方式

IE7以前：var xhr = new ActiveXObject('MSXML2.XMLHTTP');

主流浏览器：var xhr = new XMLHttpRequest();

3.核心方法

XMLHttpRequest对象中有两个重要方法

open（a,b,c）：准备ajax请求

send(var):发送ajax请求

4.接收后端响应的结果

核心属性--readyState

ajax整个过程有5个状态

0----未初始化，还没调用send()

1-----载入，已经调用send(),正在发送请求

2-----载入完成，send()执行完成，已经接收到全部响应内容

3-----交互，正在解析响应内容

4-----完成，响应内容解析完成，可以在客户端调用

核心事件onreadystatechange

onreadystatechange事件，readyState的值每次发生改变都会触发该事件

其他重要属性

responseText：以字符串形式接受后端返回值

responseXML：以XML格式接收后端程序返回值

5.GET缓存

cache--缓存

6.post请求

需要传参一定要有请求头

xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')

7.正则表达式

作用：

检测字符串是否合法（是否符合我们定的格式要求）

提取字符串的信息

替换字符串

let reg1 = new RegExp('a', 'i');

a：字符串,模式修饰符

i：不区分大小写

reg.test();

方法---返回布尔

字符

^：从什么开始

\d：数字 \D取反

$：结束

8.随机数

Math.floor(Math.random() * (max - min + 1)) + min;

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)