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>

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