AJAX技术与应用浅析

前端之家收集整理的这篇文章主要介绍了AJAX技术与应用浅析前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

AJAX(asynchronous javascript and xml)技术本质是浏览器内置的XMLHttpRequest对象,主要用于异步地向服务器发

送请求,接收服务器返回的数据并局部更新页面,如表单的验证提示等。整个过程页面无刷新,不打断用户的操作,

增强了用户的体验。

一、AJAX对象的获取

AJAX对象的获取要区分浏览器。@H_403_36@ 浏览器为IE类型的获取的方式:new ActiveXObejct('Microsoft.XMLHttp');@H_403_36@ 浏览器为非IE类型的获取的方式:new XMLHttpRequest()。@H_403_36@

二、AJAX对象常用的属性

1、onreadystatechange:绑订一个事件处理函数,该函数用来处理readystatechange事件(@H_403_36@ 当readyState的值发生了改变,比如,从0变成1,就会产生该事件)。@H_403_36@ 2、readyState:有5个值,分别是0,1,2,3,4,表示ajax对象与服务器进行通信的一种状态。@H_403_36@ 比如,4表示ajax对象已经获得了服务器返回的所有的数据。@H_403_36@ 3、responseText:获得服务器返回的文本。@H_403_36@ 4、responseXML:获得服务器返回的xml文档。@H_403_36@

5、status:获得服务器返回的状态码。

三、应用案例(表单验证)

1、获取AJAX对象的方法getXhr()
2、发送get请求的验证代码
@H_403_36@
3、发送post请求的代码
4、服务器端Servlet代码
5、总结
AJAX对象给服务器发送不同的请求方式(get/post)时,需解决编码问题以避免乱码,出现乱码的原因和解决方式如下。
1)get请求发生乱码的原因
IE浏览器提供的ajax对象在发送请求时使用"gbk"对含有中文的请求参数进行编码。非IE浏览器使用"utf-8"进行编码。服
务器端默认情况下,会使用"iso-8859-1"进行解码。
2)get请求解决乱码的方法
step1,让服务器使用指定的字符集解码。比如,可以修改tomcat的server.xml文件(conf/server.xml),在connector项中
添加URIEncoding="utf-8"即可@H_403_36@ step2,使用encodeURI函数(js内置的函数,会使用"utf-8"进行编码)对请求参数进行编码。encodeURI(String params)。
3)post请求发生乱码的原因
所有浏览器提供的ajax对象都会使用"utf-8"对中文参数进行编码。服务器端默认情况下,会使用"iso-8859-1"进行解码。
4) post请求 解决乱码的方法
处理请求的Servlet程序中添加request.setCharacterEncoding("utf-8")即可。
原文链接:https://www.f2er.com/ajax/165216.html

猜你在找的Ajax相关文章