$.ajax实现局部刷新过程--验证用户…

index.jsp

  <!--    

   <p>

  <span class="tit">用户昵称:</span>

 

    <input   type="text" name="nickname" class="input" οnblur="checkname()"/>

    &nbsp;&nbsp;&nbsp;&nbsp;

    <span id="userinfor" style="font-size:12px;color: gray;">长度小于15的英文字符或者数字</span>

   

  </p>

  -->

//验证用户名是否已经存在

function checkname(){

$.ajax({

            url: 'ajax/nametest', --我们对应的action

            dataType: 'json',

             

            data:"nickname="+nameobj.value,

            success: function(data) {

            var result=data.result;

           

            if(result=="yes"){

            $('#userinfor').text("恭喜你   该用户名可用");

            $('#userinfor').css("color","green"); 

            $('#userinfor').css("font-size","14px");

            regname="yes";

            }

            else{

            $('#userinfor').text("不好意思   该用户已被注册");

            $('#userinfor').css("color","red"); 

            $('#userinfor').css("font-size","14px"); 

            regname="no" ;

            }

           

            },

            error: function() {

                $('#userinfor').text("出错了"); 

            }

        });

struts.xml

   

<package name="ajax" namespace="/ajax" extends="json-default">

<!-- 注册部分，验证用户名是否存在-->

    <action name="nametest" class="com.shida.action.NameTestAction">

        <result type="json"></result>

    </action>

</package>

   

NameTestAction.java

public class NameTestAction extends ActionSupport{

private String nickname;

UserBiz ub=new UserBiz();

private String result="";

public String execute(){

if(ub.getOneByName(nickname.trim())==null){

result="yes";

}

else{

result="no";

}

return SUCCESS;

}

public String getNickname() {

return nickname;

}

public void setNickname(String nickname) {

this.nickname = nickname;

}

public String getResult() {

return result;

}

public void setResult(String result) {

this.result = result;

}

}

最后别忘了引入jquery.js文件啊 还一个 struts2-json-plugin-2.3.1.2.jar