＋设为首页 ＋添加到收藏夹
我所举的这个例子是一个企业用户注册时的一个应用,当用户注册时检查用户名与企业名是否可用,以前的做法是在旁边加一个按钮,点击“检查”,就向服务器发出请求,然后等待……服务器返回信息,继续操作.
【程序编程相关:飞利浦免费授权LINUX专利 拉5企业共】如果我们用ajax技术来实现以上的操作则不必等待服务器返回信息,用户输入用户名或企业名称的时候,当输入文本框失去焦点的时候,则会自动向服务器发出请求,用户继续做下面的操作,不必点击“检查”,也不必等待服务器返回信息,检查与用户操作是异步的,可同时进行.当服务器信息返回的时候,会自动在面页相应位置显示返回信息,不必刷新页面,相当于局部刷新的效果. 下面我们来看代码吧. 【推荐阅读:微软Office将集成免费VOIP 冲击】
【扩展信息:微软在线安全服务开始公测 仅限XP SP】html页面的完整代码如下: 1＜%@page language="java" contenttype="text/html;charset=gbk"%＞ 2＜script language="javascript" type="text/javascript"＞ 3＜!-- 4/**//**ajax 开始 by alpha 2005-12-31*/ 5 6 var http = gethttpobject(); 7 8 function handlehttpresponse(){ 9 if(http.readystate == 4){ 10 if(http.status == 200){ 11 var xmldocument = http.responsexml; 12 if(http.responsetext!=""){ 13 document.getelementbyid("showstr").style.display = ""; 14 document.getelementbyid("username").style.background= "#ff0000"; 15 document.getelementbyid("showstr").innertext = http.responsetext; 16 }else{ 17 document.getelementbyid("username").style.background= "#ffffff"; 18 document.getelementbyid("showstr").style.display = "none"; 19 } 20 21 } 22 else{ 23 alert("你所请求的页面发生异常,可能会影响你浏览该页的信息！"); ... 下一页