实例：AJAX编写用户注册实例及技术小结

• 　　用AJAX编写用户注册实例——我所举的这个例子是一个企业用户注册时的一个应用，当用户注册时检查用户名和企业名是否可用，以前的做法是在旁边加一个按钮，点击“检查”，就向服务器发出请求，然后等待……服务器返回信息，继续操作。

  　　我所举的这个例子是一个企业用户注册时的一个应用，当用户注册时检查用户名和企业名是否可用，以前的做法是在旁边加一个按钮，点击“检查”，就向服务器发出请求，然后等待……服务器返回信息，继续操作。如果我们用Ajax技术来实现以上的操作则不必等待服务器返回信息，用户输入用户名或企业名称的时候，当输入文本框失去焦点的时候，则会自动向服务器发出请求，用户继续做下面的操作，不必点击“检查”，也不必等待服务器返回信息，检查与用户操作是异步的，可同时进行。当服务器信息返回的时候，会自动在面页相应位置显示返回信息，不必刷新页面，相当于局部刷新的效果。
  
  　　下面我们来看代码吧。
  
  　　HTML页面的完整代码如下：

  <%@page language="java" contentType="text/html;charset=GBK"%>
  <script language="javascript" type="text/javascript">
  <!--
  /**//**Ajax 开始 by Alpha 2005-12-31*/
  
  var http = getHTTPObject();
  
  function handleHttpResponse(){
  　if(http.readyState == 4){
  　if(http.status == 200){
  　　var xmlDocument = http.responseXML;
  　　　if(http.responseText!=""){
  　　　　document.getElementById("showStr").style.display = "";
  　　　　　document.getElementById("userName").style.background= "#FF0000";
  　　　　　document.getElementById("showStr").innerText = http.responseText;
  　　　}else{
  　　　　document.getElementById("userName").style.background= "#FFFFFF";
  　　　　document.getElementById("showStr").style.display = "none";
  　　　}
  
  　　}
  　　else{
  　　　alert("你所请求的页面发生异常，可能会影响你浏览该页的信息！");
  　　　alert(http.status);
  　　}
  　}
  }
  
  function handleHttpResponse1(){
  　if(http.readyState == 4){
  　　if(http.status == 200){
  　　　var xmlDocument = http.responseXML;
  　　　if(http.responseText!=""){
  　　　　document.getElementById("comNmStr").style.display = "";
  　　　　document.getElementById("comNm").style.background= "#FF0000";
  　　　　document.getElementById("comNmStr").innerText = http.responseText;
  　　　}else{
  　　　　document.getElementById("comNm").style.background= "#FFFFFF";
  　　　　document.getElementById("comNmStr").style.display = "none";
  
• [1] [2] [3] [4] 下一页 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• 实例：AJAX编写用户注册实例及技术小结 相关文章：
• ·非主流ps教程实用的技巧大全
• ·解读身份认证技术现实化
• ·Vista系统实现自动关机技巧
• ·Illustrator传统风格名片设计实例
• ·AutoCAD造型实例：十字形螺丝刀头
• ·AutoCAD造型实例：一字形螺丝刀头
• ·Mac+Win实测 Boot Camp还是虚拟机？
• ·Illustrator绘制精美三维图表实例
• ·JavaScript/JS实现标题栏跑马灯
• ·CSS实例布局:上中下三行 中间自适应
• 实例：AJAX编写用户注册实例及技术小结 相关软件
• ·《实况足球2007》粤语存档繁体中文版
• ·《NBA实况篮球》街机模拟器
• ·《实况足球8》欧洲PC版商店所有物品存档
• ·超任游戏《实况足球4》模拟器
• ·《实况足球9》实用工具集
• ·大案纪实：惊天绑架案
• ·《沙嘴红灯区》(长篇纪实小说)
• ·真实摔跤
• ·中国第一颗原子弹制造纪实：596秘史
• ·实况足球2008

上一篇:返普归真 彻底认清CSS的Float（浮动）概念

下一篇:网站SEO：网站内部结构设计优化

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐