码迷,mamicode.com
首页 > Web开发 > 详细

ajax_基础

时间:2015-05-31 20:08:50      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:

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

ajax_基础

标签:

原文地址:http://www.cnblogs.com/aix1314/p/4542472.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!