ajax 请求过程
1.准备发送请求
2.填写请求地址和数据
3.请请求到服务器
4.等待服务器处理数据。
5.接受服务器返回信息
-----------------------------------------------------
//str.trim()
1.准备发送请求
var xhr = new XMLHttpRequest //创建ajax对象
//兼容ie 6 的对象创建
if(window.XMLHttpRequest){
var xhr = new XMLHttpRequest
}else{
var xhr = ActiveXObject(’Microsoft ,XMLHTTP‘)
}
// 创建ajax对象
2.填写请求地址和数据
xhr.open(方式,url,是否异步)
get方式发送数据的时候要对字符串进行编码。
//建立一个ajax请求 填写请求地址和数据
get方式是通过吧数据附加在地址栏 的‘查询部分’来传输数据。
异步就是非阻塞式,同步就是阻塞式的。
4.等待服务器处理数据。
//放到send之前 可以监控状态
xhr.onreadyStateChange(){
if(readstatus == 4){
if(status == 200 ){
// 返回信息 xhr.responseText()
}
}
}
xhr.send();请求到服务器 //放到这里比较安全
如果是post方式要设置请求头
必须在send前面设置,否则会报错;(能不能用作爆绝对路径 本地构造)
xhr.setRequestHeader(请求头格式上传下载什么的都是不一样的根据数据进行设置);
xhr.send(如果是post方式数据就要放到这里);
xhr.onload(HTML5新特性 不支持ie8) 如果被触发 那么表示服务器已经完成了请求并且
新特性:监控进度等等。
返回 了信息
5.接受服务器返回信息