AJAX技术详解：JavaScriptXML应用与实现.pdfVIP

DAY10下午

一、ajax（asynchronousjavascriptandxml）→11.3页

1、ajax

ajax是一种用来改户体验的技术，其实质是利用浏览器的一个特殊对象

（XMLHttpRequest对象）异步地向服务器发请求，服务器一般只需要返回部分（文本或者xml文

档），浏览器利用这些数据更新当前页面，整个过程，页面刷新，不打断用户操作

注：异步：ajax对象向服务器发送请求时，浏览器不会销毁当前页面，用户仍然可以对当前页

面做其他操作。

好处是：不打断用户操作，页面无刷新

服务器端不需要返回一个完整的新的页面，只需要返回部分数据，按需获取数据

2、ajax对象的获取

functiongetXhr（）{

varxhr=null;

if(window.XMLHttpRequest){

//非IE浏览器

xhr=newXMLHttpRequest();

}else{

xhr=newActiveXObject(‘.XMLHttp’);

}returnxhr;

}

3、ajax对象的几个重要的属性：

1）onreadystatechange:用来绑定一个处理函数（该函数用来处理readystatechange

）

注:当ajax对象的readyState属性发生了改变，比如，从0变为1，就会产生

readystatechange

2）readyState:有5个值，分别是0,1,2,3,4，表示ajax对象与服务器之间通信的状态，

比如值为4时，表示ajax对象已经获得了服务器返回的所有的数据

3）responseText:获得服务器返回的文本

4）responML：获得服务器返回的xml文档

5)status：获得服务器返回的状态码

4、编程步骤

step1：获取ajax对象：

比如：varxhr=getXhr（）；

step2：使用ajax对象发送请求

1）get请求

xhr.open(‘get’,’check_uname.do?uname=Tom’,true/false);

注：true时，发送异步请求，浏览器不会销毁当前页面，用户仍然可以对当前页面做

其他操作

false时，发送同步请求，路蓝旗不会销毁当前页面，浏览器会锁定当前页面，用

户不能对当前页面做其他操作

xhr.onreadystatechange=f1；

xhr.send（null）

step3：编写服务器端的程序（一般不需要返回完整页面，只需要部分数据）

step4：编写处理函数f1；

functionf1(){

//必须扥到ajax对象获得了服务器返回的所有数据

if(xhr.readyState4){

vartxt=xhr.responseText;

//使用txt更新当前页面

}

}

DAY11

1、编码问题

1。发送get请求

1）乱码问题产生

IE浏览器的ajax对象在发送get请求时，会对中文使用gdk编码，二其他浏览器使用

utf-8编码，服务器默认情况下，会使用iso-8859-1去

2）如何解决

step1.让服务器使用utf-8来

修改tomcat配置文件（conf/server.xml）

step2.使用encodeURI函数对请求地址进行处理

注：encodeURI是js内置的函数，