注册 | 登陆
您的位置:阿里西西 > 编程技术 > JSP教程 > 详细内容

AJAX+jsp无刷新验证码实例代码教程

  稿源:本站整理   2018-09-05   点击:   撤稿纠错
本例在原有验证方式基础之上增加一段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 无刷新 验证码 相关的内容,欢迎继续阅读。

更多关于 AJAX 无刷新 验证码 的文章
相关阅读
  • JSP教程2018-09-05 AJAX+jsp无刷新验证码实例代码教程

相关排行总榜

ASP教程

PHP教程

.NET教程

ASP采集功能WinHttp.WinHttpRequest.5.1的
AspJpeg图片处理组件属性的详细中文使用说
通过ASP生成html纯静态页面的简单示例
ASP开发中一个把GB2312转UTF-8编码的函数
推荐几个ASP开发中常用的fso操作文件图片
ASP读取操作生成excel文件的实例代码教程
使用ASP进行网站开发防范ASP木马的10条建
通过ASP调用MSSQL数据库视图和存储过程的
通过aspupload上传组件实现的ASP实现远程
ASP调用MSSQL存储过程进行分页的两种方式
PHP解决HTTP和HTTPS跨域共享session的方法
php程序判断来访客户端是手机端还是电脑P
用PHP来获取当前页面所有url参数信息的教
配置好环境后,进行php代码调试的方法总结
教您使用php代码实现上传图片或文件到服务
PHP开发中推荐十款最出色的安全开发工具库
PHP基础学习之数组介绍
浅谈JSP与ASP.PHP的各种平台应用比较
php制作一个万年历查询的实例代码教程
制作简单安全的php验证码类代码实例
ASP.NET环境配置中几种身份验证方式及权限
记录一次对ASP.NET网站漏洞的入侵和防范教
Asp.net在mvc环境下实现上传头像加剪裁功
对 ASP.NET 异步编程的一点理解与分析
ASP.NET读取与操作Session的代码案例教程
ASP.NET将大文件数据分成较小的部分进行分
讲解.Net组件程序设计之异步调用
AS脚本与Asp.net通过UrlRequest进行前端交
一组常用的.NET命名空间中文解释
asp.net解决url地址栏传递中文参数出现乱