Ajax

Ajax
步骤
1、创建XMLHTTPRequest对象 var xhr = new XMLHttpRequest( );
2、准备请求 xhr.open( , , )
open( )方法并不是发送请求，而只是启动一个请求以备发送
三个参数
请求方式(get|post) 不区分大小写
请求路径
是否异步（true|false） 默认异步是true
3、发送请求 xhr.send( )
一个参数
get设置为null
post无参设置为null，有参数时设置参数
发送请求，收到响应后，响应的数据会自动填充XHR对象的属性，一共4个
responseText 作为响应主体被返回的文本
responseXML 响应主体内容类型
status 响应的HTTP状态
200 成功
404 Not found 指定的URL在服务器上找不到
500 Internal Server Error 服务器遇到意外错误，无法完成请求
statusText HTTP状态的说明
4、判断响应结果解析响应数据
同步 直接解析
异步 需要知道响应是否完成，再进行解析
异动时检查readyState 属性，属性改变时触发readstatechange事件，这个属性有五个值
0 未初始化 尚未调用open（）方法
1 启动 已调用open（）方法，但尚未调用send（）方法
2 发送 已调用send（）方法，但尚未接受响应
3 接受 已经接受部分响应数据
4 完成 已经接受全部相应数据，而且可以使用
get和post
get 常用于查询 必要时可以将查询字符串追加到URL末尾，特殊字符传参问题可以使用encodeURLComponent（）进行进行编码
function addURLParam(url,name,value){ url=(url.indexOf(’?’)==-1?’?’: ‘&’ url+=encodeURLComponet(name)+’=’+encodeRLComponent(value); return url; }
post请求 不会跟在URL后 而是通过send（）方法向服务器提交数据xhr.send(‘name=Lee&age=100’);