Java Ajax技术的简单使用

Ajax 不是一种新的技术，而是将几种蓬勃发展的技术以新的强大方式组合而成。

      Ajax的使用带来的最大好处，就是异步提交。，用户感觉不到页面的提交，当然也不等待页面返回。这是使用了AJAX技术的页面给用户的第一感觉。同时，由于访问数据的减少，使得网页响应速度快，这也是用户强烈体验。

      

       Ajax由四种技术组合而成：

JAVAScript:是通用的脚本语言，用来嵌入在某种应用之中。AJAX应用程序是用JAVASCRIPT编写的。
   CSS:CSS为WEB页面元素提供了可视化样式的定义方法。AJAX应用中，用户界面的样式可以通过CSS独立修改。
   DOM:通过JS修改DOM，AJAX应用程序可以再运行时改变用户界面，或者局部更新页面中的某个节点
   XMLHttpRequest:XMLHttpRequest对象允许Web程序员从WEB服务器以后台的方式获取数据。数据的格式通常是XML，或者是文本。

      

Java 实现无刷新，用户名验证

<script type="text/javascript">
function validate(field){
			if(trim(field.value).Length!=0){
				var xmlHttp;
				if(window.XMLHttpRequest){
					xmlHttp=new XMLHttpRequest();
				}else if(window.ActiveXObject){
					xmlHttp=new ActiveXObject();
				}
				var url="user_validate.jsp?userId="+trim(field.value)+"&time"+new Date().getTime();
				xmlHttp.open("GET",url,true);
				xmlHttp.onreadystatechange=function(){
					if(xmlHttp.readyState==4){
						if(xmlHttp.status==200){
							if(trim(xmlHttp.response.Text)!=""){
								document.getElementById("spanUserId").innerHtml="<font color='red'>"+xmlHttp.response.Text+"</font>";
							}else{
								document.getElementById("spanUserId").innerHtml="";
							}
						}else{
							alert("请求失败");
						}
					}	
				}
			xmlHttp.send(null);
			}else{
				document.getElementById("spanUserId").innerHtml="";
			}
		}
		
</script>

其他部分的代码，都比较简单，就不贴出来了。