ajax_基础

2024-10-19 15:28:24

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.接受服务器返回信息

最新文章

热门文章