一.今日学习内容 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;
|