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

标题: 巨朝阳-20221129-Ajax-day01 [打印本页]

作者: 云云 时间: 2022-11-29 23:55
标题: 巨朝阳-20221129-Ajax-day01
一、今日学习
1. ajax快速入门1.1 ajax概述

ajax：Asynchronous javascript and xml (异步javascript与xml)

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

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

1.2 发送Ajax请求1.2.1 ajax核心对象---XMLHttpRequest对象

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

IE7以前

var xhr=new ActiveXObject('MSXML2.XMLHTTP');

主流浏览器

var xhr=new XMLHttpRequest();1.2.2 核心方法

XMLHttpRequest 对象中有两个重要方法

open(a,b,c):准备Ajax请求
a:请求方式 get/post
b:请求的后端程序地址
c:异步（true）/同步（false），默认值为true

send(var)：发送Ajax请求
var：get---不写或者null
post---发送到后端的数据1.3 接收后端响应的结果1.3.1 核心属性---readyState

Ajax整个过程有5个状态0-4

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

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

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

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

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

1.3.2 核心事件onreadystatechange

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

1.3.3 其他重要属性

responseText:以字符串形式接收后端程序的返回值

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

2. GET缓存2.1 什么是缓存

cache---缓存

3.正则表达式

作用：检查字符串是否合法（是否符合所定格式的要求）

提取字符串中的信息

替换字符串

实例化

let reg=new RegExp();

字面量

let reg=/.css$/

reg.test();

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