今日内容
ajax入门
概述
ajax并不是一种新技术 ,而是已有技术的集合,javascript是核心载体
优势 在不刷新页面的情况下,更新页面数据 ,提升用户体验
发送ajax请求
ajax核心对象--XMLHttpRequest
创建XMLHttpRequest对象分为低版本与非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
send(var):发送ajax请求
var: get---不写或者null post---发送到后端数据
接收后端相应数据的结果
核心属性---readyState
ajax整个过程5个状态 0-4;
0--未初始化 还没有调用send();
1-载入 已经调用send(),正在发送请求
2-载入成功 send()执行完成 已接收到全部相应内容
3-交互 正在解析相应内容
4-完成 相应内容解析完成 可以在客户端调用了
核心事件 onreadystatechange 监听数据返回的状态
readystate 的值每次发生改变都会触发事件
其他重要属性
responseText 以字符串的形式接收后端程序的返回值
responseXML 以XML格式接收后端程序返回值
get 缓存 cache 缓存
正则表达式
作用 检查字符串是否合法(是否符合我们自己定的格式要求)
实例化 let reg=RegExp(‘a’‘i’)a是字符串 i是不区分字符串的大小写
let reg=/ a/i
reg.test(值)检测值是否合法 返回true false
获取随机数
function fn(min,max){
return Math.floor(Math.random()*(max-min+1))+min
};
|