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

标题: 王文博--20221129--Ajax-day01 [打印本页]

作者: 博5237 时间: 2022-11-30 00:59
标题: 王文博--20221129--Ajax-day01
一、今日学习内容
Ajax入门
Ajax概述
Ajax：asynchronous javacript and xml（异步JavaScript与XML）
Ajax并不是一种新技术，而是已有技术的集合，JavaScript是核心载体
Ajax优势：在不刷新页面的情况下，更新页面数据，提升用户体验
发送Ajax请求
Ajax核心对象---XMLHttpRequest对象
创建XMLHttpRequest对象要分为低版本IE与非IE两种的方式
IE7以前
var xhr=new ActiveXobect('MSXML2.XMLHTTP');
主浏览器
var xhr=new XMLHttpRequest();
核心方法
XMLHttpRequest对象中有两种重要方法
open（a,b,c）：准备Ajax请求
a：请求方式 get/post
b：请求后端程序地址
c：异步（true）/同步（false），默认值为true
send(var)：发送Ajax请求
var： get---不写或者null
post---发送到后端的数据
接收后端响应的结果
核心属性--readyState
ajax整个过程5个状态0-4
0---未初始化，还没有调用send()
1---载入，已调用send()，正在发送请求
2---载入完成，send()执行完成，已接收到全部相应内容
3---交互，正在解析相应内容
4---完成，响应内容解析完成，可以再客户端调用了
核心事件--onreadystatechange
onreadystatechange事件，readyState的值每次发生改变都会触发事件
其他重要属性
responseText：以字符串形式接收后端程序的返回值
responseXML：以XML格式接收后端程序返回值
get缓存
什么是缓存
cache---缓存
正则表达式
作用：检查字符串是否合法（是否符合我们自己定的格式要求）
提取字符串中的信息
替换字符串

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