javascript的ajax步骤（基础内容）

实现ajax

一个ajax请求的js写法

1：创建ajax请求

2：发出http请求 

3：收到服务器传回的消息 

4：更新网页数据

一、

创建一个XHR对象 （ie6没有xhr定义）

兼容ie6写法

二、使用XHR发送请求方法

open() 调用open就可以调用xhr对象发送http请求

send() 使用send方法把请求发送到服务器

在使用xhr的时候第一个调用的是open方法，如下，该方法接受3个参数，

xhr. open ( 'GET' , 'example.php' , false );

1.open()方法的第一个参数用于指定发送请求的方式，这个字符串，不区分大小写，但通常使用大写字母。”GET”和”POST”是得到广泛支持的.

• GET’用于常规请求，它适用于URL完全指定的资源。当请求对服务器没有任何副作用是可缓存的情况下，
• ‘POST’方法常用于HTML表单，他在请求主题中额外包含数据且这些数据常存在服务器上的数据库中。相同的URL的重复POST请求从服务器的得到的相应可能不同

2. open()的第二个参数是URL，该URL对于执行代码的当前页面，且只能像同一域中使用相同协议和端口的URL发送请求。

3.open()的第三个参数是表示是否异步发送请求的值，如果不填写。默认true,表示异步发送

setRequestHeader写在中间

三、XHR取得响应

四、更新HTML DOM

五、js的ajax例子

附加：http协议

http协议 是一种无状态协议：不建立持久连接。

http请求

请求头和请求体之间有空格

请求例子

get和post

get用来查询 post用来修改

1 .根据HTTP规范，GET用于信息获取，而且应该是安全的和幂等的 。

• 所谓安全的意味着该操作用于获取信息而非修改信息。
• 幂等的意味着对同一URL的多个请求应该返回同样的结果

2 .根据HTTP规范，POST表示可能修改变服务器上的资源的请求 。

get请求例子

GET /books/?name=Professional%20Ajax HTTP/1.1

Host: www.wrox.com

User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.6)

Gecko/20050225 Firefox/1.0.1

Connection: Keep-Alive

post请求例子

POST / HTTP/1.1

Host: www.wrox.com

User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.6)

Gecko/20050225 Firefox/1.0.1

Content-Type: application/x-www-form-urlencoded

Content-Length: 40

Connection: Keep-Alive

（----此处空一行----）

name=Professional%20Ajax&publisher=Wiley

http响应