AJAX学习方案

Author Avatar
七星泪脉 Jul 30, 2016
  • AJAX分为三部分

第一部分是(HTTP请求)

  • http是计算机通过网络进行通信的规则
  • 实现客户端（浏览器）向服务器发起请求信息和服务
  • 是一种无状态协议

完整的http请求，通常需要7个步骤

1
2
3
4
5
6
7
1.建立TCP链接
2.web浏览器向web服务器发送请求命令
3.web浏览器发送请求头信息
4.web服务器应答
5.web服务器发送应答头信息
6.web服务器向web浏览器发送数据
7.web服务器关闭TCP链接

一个http请求一般由四部分组成

1
2
3
4
1.http请求的方法或动作，是get还是post
2.请求的地址路径
3.请求头，包含客户端环境的信息，身份验证等
4.请求正文，也就是请求体，包含客户端提交的查询字符串信息，表单信息等

一个http响应一般由三部分组成

1.一个数字和文字组成的状态码，显示请求的状态，是成功还是失败
http状态码由3位数字构成，其中首位数字定义了状态码的类型
1xx:信息类，表示收到web浏览器请求，正在处理中
2xx:表示成功，请求被正确接受
3xx:重定向，表示请求没有成功，客户必须采取进一步的动作
4xx:客户端错误，表示客户端请求有错误
5xx:服务器错误，表示服务器不能完成对请求的处理。
2.响应头，响应头和请求头一样包含了许多有用的信息，例如服务器类型，日期时间，内容类型，长度等
3.响应正文，也就是响应体

第二部分是异步的JavaScript和XML

  • 这里的第二部就不过多的去更大家分享（异步的JavaScript和XML）
  • 在此可以推荐大家去看一下红皮书JavaScript高级程序设计
  • 其中XML不懂的可以去W3School上面进行详细的浏览

第三部分是XMLHttpRequest对象

创建对象

1
2
3
4
5
6
7
8
9
IE7+：
var  iable = new XMLHttpRequest();
IE5.5 IE6
variable=new ActiveXObject(“Microsoft.XMLHTTP”);
```                                                 
   
                                                  
#### 发送请求

1、open(method,url,saync)
2、setRequestHeader(“Content-type”,”application/x-www-form-urlencoded”)
3、send(string)

1
2
3
                                                 
#### 获取响应

1、responseText 获得字符串形式的响应数据。
2、responseXML 获得 XML 形式的响应数据。
3、status和statusText 获取成功和失败响应数据。
4、getAllResponseHeader() 获取所有的响应报头
5、getResponseHeader()

1
2
3
4
5
####  事件  
##### onreadystatechange

1、每当 readyState 属性改变时，就会调用该函数

1
2
##### readyState

存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
0: 请求未初始化，open方法还没有调用
1: 服务器连接已建立，open方法还没有调用
2: 请求已接收，接受到头信息
3: 请求处理中
4: 请求已完成，且响应已就绪
```

expand_less