web开发（四）之ajax局部刷新

ajax的优点

ajax主要用于对页面的局部刷新，例如注册时，我们经常遇到的用户名是否可用的验证，验证码的验证等等，都是利用ajax来实现的。

ajax在用户名验证上的用途：

1.创建异步交互对象
2.设置监听
3.打开连接
4.发送

具体的一个实例的实现：

function userAvaliable(){
        // 获得文件框值:
        var username = document.getElementById("username").value;
        // 1.创建异步交互对象
        var load = createXmlHttp();
        // 2.设置监听
        load.onreadystatechange = function(){
            if(load.readyState == 4){
                if(load.status == 200){
                    document.getElementById("user_check").innerHTML = load.responseText;
                }
            }
        }
        // 3.打开连接
        load.open("GET","${pageContext.request.contextPath}/user_avaliable.action?time="+new Date().getTime()+"&username="+username,true);
        // 4.发送
        load.send(null);
    }

    function createXmlHttp(){
           var xmlHttp;
           try{ // Firefox, Opera 8.0+, Safari
                xmlHttp=new XMLHttpRequest();
            }
            catch (e){
               try{// Internet Explorer
                     xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
                  }
                catch (e){
                  try{
                     xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
                  }
                  catch (e){}
                  }
            }

            return xmlHttp;
         }

基于这个，可以完成类似的验证，验证码等，都可以类似配置。

注意，在这个地方建议使用模型驱动，这样可以自动接受输入的数据；另一种方法就是采用application配置的方式，在action中定义一个vo的数据项，然后在applicationContext.xml中配置