ajax请求

ajax
    ascychronous javascript and xml(异步的js与xml)
    是一种锦上添花的技术，实质上是利用浏览器内置的对象(ajax对象，类型是XMLHttpRequest)向
    服务器发送异步(ajax对象在向服务器发送请求时，不会打断用户的其他操作)的请求，ajax对象
    根据服务器返回的数据局部更新页面，整个过程当中，页面无刷新
如何获得ajax对象？BOM对象 DOM对象
    区分浏览器
        var xhr=null;
        if(window.XMLHttpRequest){
            //非低版本的IE
            xhr=new XMLHttpRequest();
        }else{
            xhr=new ActiveXObject("Microsoft.XMLHttp");
        }
    相关属性：
        onreadystatechange：给ajax对象绑定一个事件函数
        readyState：ajax对象与服务器的通讯状态
            0：(未初始化)对象已经创建，open方法还未调用
            1：(已经初始化)open方法已经调用
            2：(发请求)send方法已被3调用
            3：发送数据，ajax对象已经接受了服务器返回的部分数据
            4：ajax接受了服务器返回的全部数据
        responseText：服务器返回的数据类型是文本
        responseXML：服务器返回的数据类型是xml
        status：服务器返回的状态码(200 404 500 302...)
    通过ajax对象向服务器发送请求
        step1、先获取ajax对象
        step2、初始化
                xhr.open("get/post","url",true/false);
                参数1：请求类型get/post
                参数2：请求地址"check?username=zs"
                    注：
                        如果是get请求，请求参数跟在请求地址后
                        如果是post请求，请求参数通过send方法传递
                参数3：请求方式
                        true:异步请求
                            服务器响应回来之前用户可以继续其他操作
                        false：同步请求
                            如果服务器响应的时间较长，浏览器的页面会出现锁死的状态
                注意：如果是post请求，添加以下设置
                    //设置响应消息头
                    xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");
                    否则服务器接受到的参数值是null
                    
        step3、绑定事件函数
            xhr.onreadystatechange=function(){}
        step4、发请求，调用send方法
            xhr.send(null);//get请求
            xhr.send("username=zs");//post请求

如果ajax对象发请求时，采用的是get请求方式，那么IE浏览器会有以下两个问题：
		a、缓存问题
			如果是get请求，IE浏览器会将数据保存下来，当再次发送请求时，
			如果请求地址未发生改变，则浏览器会将缓存中的数据返回，
			并不会真正的向服务器发送新的请求
			
			解决方案：
				--把请求方式改成post
				--在请求地址后追加参数，比如new Date().getTime()
		b、中文乱码
			如果是get请求，IE浏览器在处理参数时，使用的是gbk编码格式，
			而chrom/firefox采用的是utf-8
			
			encodeURI(uri)===>将uri中的数据采用utf-8的格式处理


	向服务器发请求
		浏览器--->服务器
		ajax--->服务器
	区别：
		浏览器会销毁当前页面，用户在原页面上输入的数据不复存在
		服务器响应回来的是一个新的页面，如果希望局部更新数据，
		减少浏览器与服务器的数据交互量，可以使用ajax对象发请求