AJAX+jsp无刷新验证码例子代码教程
发布时间：2023-06-05 13:29:32 所属栏目：教程 来源：
导读：本例在原有验证方式基础之上增加一段js，通过xmlhttp来获取返回值，以此来验证是否有效，这样即使用户浏览器不支持js，也不会影响他的正常使用了。
以下讨论的是和AJAX 无刷新 验证码 相关的AJAX+jsp无刷新验证码
以下讨论的是和AJAX 无刷新 验证码 相关的AJAX+jsp无刷新验证码
|
本例在原有验证方式基础之上增加一段js，通过xmlhttp来获取返回值，以此来验证是否有效，这样即使用户浏览器不支持js，也不会影响他的正常使用了。 以下讨论的是和AJAX 无刷新 验证码 相关的AJAX+jsp无刷新验证码实例代码教程教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容： 我们在做验证码的时候往往由于要反作弊，验证有时故意加入多的干扰因素，这时验证码显示不很清楚，用户经常输入错误。这样不但要重新刷新页面，导致用户没有看清楚验证码而重填而不是修改，而且如果没有用session保存下用户输入的其它数据的话(如姓名)，用户刚刚输入的内容也不存在了，这样给用户造成不好的体验。 本例在原有验证方式基础之上增加一段js，通过xmlhttp来获取返回值，以此来验证是否有效，这样即使用户浏览器不支持js，也不会影响他的正常使用了。 为了防止作弊，当用户连接3次输入错误时则重载一下图片，这样也利于用户因为图片上的验证码辨认不清而使终无法输入正确。 本例还特别适合检验用户名是否有效，只要从后台做个sql查询，返回一个值或是xml即可。(这种例子太多，就在此不赘述了)。 本例的优点在于非常方便用户输入，而且减少对服务器端的请求，可以说既改善用户体验而且略会节省带宽成本，但相应地要在页面上增加一段JavaScript代码，在目前网速越来越快人们要求便捷舒适的 今天，似乎我们更应注意提供给用户良好的使用感受。 代码如下， 4,net.js,封装好的xmlhttp对象，可以很方便的调用 /*namespacingobject*/ varnet=newObject(); net.READY_STATE_UNINITIALIZED=0; net.READY_STATE_LOADING=1; net.READY_STATE_LOADED=2; net.READY_STATE_INTERACTIVE=3; net.READY_STATE_COMPLETE=4; /*---contentloaderobjectforcross-browserrequests---*/ net.ContentLoader=function(url,on_load,on_error,method,params,contentType){ this.req=null; this.on_load=on_load; this.on_error=(on_error)?on_error:this.defaultError; this.loadXMLDoc(url,method,params,contentType); } net.ContentLoader.prototype.loadXMLDoc=function(url,method,params,contentType){ if(!method) { method="GET"; } if(!contentType&&method=="POST") { contentType='application/x-www-form-urlencoded'; } if(window.XMLHttpRequest) { this.req=newXMLHttpRequest(); } elseif(window.ActiveXObject) { //addtrycatch; try{ this.req=newActiveXObject("Msxml2.XMLHTTP"); }catch(e1){ try{ this.req=newActiveXObject("Microsoft.XMLHTTP"); }catch(e2){ } } // //this.req=newActiveXObject("Microsoft.XMLHTTP"); } if(this.req) { try { varloader=this; this.req.onreadystatechange=function() { net.ContentLoader.onReadyState.call(loader); } this.req.open(method,url,true); if(contentType) { this.req.setRequestHeader('Content-Type',contentType); } this.req.send(params); } catch(err) { this.on_error.call(this); } } } net.ContentLoader.onReadyState=function(){ varreq=this.req; varready=req.readyState; if(ready==net.READY_STATE_COMPLETE){ varhttpStatus=req.status; if(httpStatus==200httpStatus==0){ this.on_load.call(this); }else{ this.on_error.call(this); } } } net.ContentLoader.prototype.defaultError=function(){ alert("errorfetchingdata!" +"nnreadyState:"+this.req.readyState +"nstatus:"+this.req.status +"nheaders:"+this.req.getAllResponseHeaders()); } End. 教程到这里讲完了，阅读是否有所收获呢？本站还提供有AJAX 无刷新 验证码 相关的内容，欢迎继续阅读。 （编辑：聊城站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐
