jquery的ajax异步验证,jquery .ajax 异步账户验证

前端jsp 代码：

$(document).ready(function(){

$("input").focus(function(){

$("input").css("background-color","#FFFFCC");

});

$("input").blur(function(){

var username= $.trim($("#username").val());   //$.trim 去掉头尾空格，.val()获取username值

$.post("checkusername.action",{username:username},function(date) { //date 获取返回对象

if(date.result=="ok") {

$("#span1").html("用户名可以使用");

}else{

$("#span1").html("用户名不可以使用");

}

return false;},

'json');

});

});

username:

web.xml：添加struts支持

Struts2

struts2

org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter

struts2

/*

index.html

struts.xml: //配置action对应的类

class="action.CheckUsername" method="CheckPerson">

后端代码：

public class CheckUsername extends ActionSupport{

private String username;

private String result;

...省略set(),get();

public String CheckPerson() throws Exception{ //进行验证逻辑处理，我这只是检测用户名为aa的，就返回ok；

if(username.equals("aa")){

this.result="ok";

}

else{

this.result="no";

}

System.out.println(result);

return SUCCESS;

}

}