SSH中异步验证用户名是否已存在

1：引入ezmorph-1.0.6.jar 包 和jquery-1.9.1.min.js

2：JSP页面HTMl

<table>
<tr>
<td colspan="2" align="center"><h2>商家注册</h2></td>
</tr>
<tr>
<td>商家名字：</td>
<td><input name="shopName" type="text" id="shopName"><font color="red">*</td>
</tr>
<tr>
<td>登录编码：</td>
<td><input name="shopCode" type="text" id="shopCode" onblur="checkCode()"><font color="red">*</td>
</tr>
<tr>
<td colspan="2"><font color="red"><span id="chk"> </span></font></td>
</tr>
</table>

3: JS脚本

function checkCode(){
$.ajax({
url:"registerActioncheckShopCode ", //请求验证页面
type:"POST", //请求方式 可换为post 注意验证页面接收方式
data:{shopCode:$("#shopCode").val()},//取得表文本框数据，作为提交数据 注意前面的 user 此处格式 key=value 其他方式请参考ajax手册
dataType:"json",
success: function(data)
{ //请求成功时执行操作
var d = eval("("+data+")");//将数据转换成json类型，可以把data用alert()输出出来看看到底是什么样的结构
//得到的d是一个形如{"key":"value","key1":"value1"}的数据类型，然后取值出来
$("#chk").text(d.msg);
},
error:function(){
return false;
}
});

}

4：registerAction中的checkShopCode方法

public String checkShopCode()
{
JSONObject j=new JSONObject();
int i=checkSer.checkShopCode(shopCode);
//i==1表示不存在相同的shopCode
//i==0表示已存在相同的shopCode
String s="";
if(i==0)
s="此商家编码已存在！";
j.put("msg", s);
result=JSONObject.fromObject(j).toString();
return SUCCESS;

}

5：struts.xml中的配置

1>.添加json-default






[b] 2>.添加action配置

[/b]

<action name="registerAction*" class="registerAction" method="{1}">
<result name="register">/shop/shop.jsp</result>
<result name="error">/login/register.jsp</result>
<result type="json">
<param name="root">
result
</param>
</result>
</action>

3>.配置applicationcContext.xml配置action配置中的class和id名称一致 下述的class为registerAction的具体位置

<bean id="registerAction" class="com.orderSystem.login.registerAction"
scope="prototype">
<property name="checkSer">
<ref bean="checkService" />
</property>
<property name="shopService">
<ref bean="ShopServiceImp2" />
</property>
</bean>