验证码 ajax java_基于Ajax用户名验证、服务条款加载、验证码生成的实现方法

展示前台页regist.jsp

用户注册

>> 用户注册 [模块说明:用户名检查、服务条款使用Ajax异步处理,验证码服务端生成]
用户名:	* 用户名由字母、数字、下划线组成.
密码:	* 密码长度6-8位,为了安全,应避免唯一格式.
确认密码:	* 确认密码,以保证您设置密码时没有手误
邮箱:	* 输入您的常用邮箱,方便我们与您取得联系.
验证码:	看不清,换一张
服务条款:

Copyright (c) 2013 苏若年( 联系我们:dennisIT@163.com )

corporation All Rights Reserved.

异步Ajax处理js

var xmlHttpRequest = getXmlHttpRequest();

/*

创建获取xmlHttpRequest对象的方法

*/

function getXmlHttpRequest(){

var xmlHttpRequest = null;

if((typeof XMLHttpRequest) != 'undefined'){

/*非IE浏览器创建XMLHttpRequest对象*/

xmlHttpRequest = new XMLHttpRequest();

}else{

/*IE浏览器创建XMLHttpRequest对象*/

xmlHttpRequest = new ActiveXObject('Microsoft.XMLHttp');

}

return xmlHttpRequest;

}

/*

验证码响应事件

*/

function getCheckcode(){

var codeimage = document.getElementById("ckcodeimage");

var url = "checkcode.do";

codeimage.src=addTimestamp(url);

}

/*

使用Ajax获取服务条款

*/

function getRegistRuleTxt(){

var item = document.getElementById("item");

var url = "rulesText.do";

//解决get方式提交时的中文编码问题,使用encodeURI(url).true表示采用异步方式发送请求,addTimestamp(url)防止浏览器缓存

xmlHttpRequest.open("post",encodeURI(url),true);

xmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

xmlHttpRequest.onreadystatechange=function(){

if(xmlHttpRequest.readyState == 4){

if(xmlHttpRequest.status == 200){

var respText = xmlHttpRequest.responseText;

item.value=respText;

}else{

//系统错误.

ite