Ajax之XMLHttpRequest

下面的图解更直观的解释：

XMLHttpRequest一些常用属性：

当一个XMLHttpRequest对象被创立后，readyState属性标示了当前对象处于什么状态，可以通过对该属性的访问，来判读此次请求的状态然后做出相应的操作

1.responseText属性
responseText属性包含客服端接收到的HTTP响应的文本内容，当readyState属性为0、1或2时，responseText属性包含一个空字符串：当readyState属性值为3时，响应中包含客服端还没完成的响应信息；当readyState属性值卫4，responseText属性才包含完整的响应信息。
2.responseXML属性
只有当readyState属性为4，并且响应头部的Content-Type的MIME类型被指定为XML(text/xml或者application/xml)时，该属性才会有值并且被解析成一个XML文档，否则该属性为null。如果是回传的XML文档结构不良或者未完成响应回传，该属性也会为null。responseXML属性用来描述被XMLHttpRequest解析后的XML文档的属性。
3.status属性
status属性描述了HTTP状态代码，注意，仅当readyState属性值为3（正在接受中）或者4（已加载）时，才能对此属性进行访问。如果在readyState属性值小于3时，试图去读取status属性值，将引发一个异常。
4.statusText属性
statusText属性描述了HTTP状态代码文本，并且仅当readyState属性为3或者4才可用。当readyState属性为其他值时试图存取statusText属性将引发一个异常。

好了，接下来就切入真实例子当中吧！

（1） index.jsp页面

function checkUser(){

//获取页面上的输入数据

var value=document.getElementById("uname").value;

//创建路径

var url="ajaxServlet?name="+value;

//创建XMLHttpRequest对象

var xhr;

//能力检测判断是否是IE浏览器

if(windown.XMLHttpRequest){

//非IE浏览器

xhr=new XMLHttpRequest();

}else{

//IE浏览器

xhr=new ActiveObject("Microsoft.XMLHTTP");

}

//建立一个请求 (请求方式，url，是否异步（默认为false）)

xhr.open("get",url,true);

//在状态发生改变时发生

xhr.onreadystatechange=function(){

if(xhr.readystate==4&&xhr.status==200){

//获取回传的数据

var result=xhr.responseText;

document.getElementById("msg").innerText(result);

}

</script>

（2） <body>

用户名：<input id="uname" onblur="checkUser()" /><span id="msg"></span>

</body>

（3）AjaxServlet书写

public AjaxServlet extends HttpServlet{

public void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException

{

doPost(request,response);

}

public void doPost(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException

{

String uname=request.getParamter("name");

if(admin.equals(uname)){

//把消息回送给页面

response.getWriter().write("已经注册");

}else{

response.getWriter().write("可以注册");

}

（4）web.xml

<servlet-name>AjaxServlet</servlet-name>

<servlet-class>cn.servlet.AjaxServlet</servlet-class>

</servlet>

<servlet-mapping>

<servlet-name>AjaxServlet</servley-name>

<url-pattern>/ajaxServlet</url-pattern>

</servlet-mapping>

完成上序的书写，你的ajax基本上完成了，接下来就是测试了。。。。。。

这就是我第一接触Ajax接触的书写方法，后续还会学习，也会记录下来，好多人说过现在学的这些东西搁到现在已经不是稀奇东西了，也对

现在计算机发展这么快，一些技术已经不吃香了，可我们为什么要学呢？因为我们不会。。。。。。

当你站在一定高度看待事情时，你就会有不同的见解，人的成长亦是如此。。。。。。

谨记人生道路上的人们。