最近在做一个项目,算是边写边学一些东西吧。把struts2+spring2+hibernate3的框架搭好跑通之后,遇到了要做用户名验证,想到要用Ajax来做。以前都是自己手写的,这次就想试试看用组件来做,网上看了看现在主流的ajax组件主要有ext、dwr、jquery。试了下用dwr,感觉蛮简单的,但是在询问了同事之后,说是dwr只是ajax组件,而且据说曾经遇到过bug,推荐我用jquery。网上看了一下jquery的东西,虽说要颠覆一些自己平时js的编码习惯,但是这个东西确实是不错,研究了一个晚上总算把jquery ajax在MVC框架中给配好了,不容易啊,呵呵,以下为相关代码(只写出关键部分,需要完整source的可以E-mail给我)
register.jsp 用于注册的页面 由这个页面发起ajax 也是最关键的页面
发生ajax之后会通过struts寻找action
struts.xml
spring.xml
SysUserBasicImpl.java
ajaxUser.jsp 用于得到返回值
register.jsp 用于注册的页面 由这个页面发起ajax 也是最关键的页面
$(document).ready(function(){
//当userid控件失去焦点时
$("#stUserId").blur(function(){
var stUserId=$("#stUserId");
//启动jquery的ajax
$.ajax({
//以get方式ajax
type: "get",
//ajax的地址 这里我用的是一个action 配置请看下面的struts配置
url: "ajaxUserId",
//发送给ajax的值 以key:value方式存储 最终为拼接到url的后面
data: {stUserId:stUserId.val()},
//这里有一个关键的地方 是否使用缓存中数据进行提交,默认为true
//如果是true的话 如果你之前提交过stUserId=test,那么以后当
//你的stUserId=test的时候就不会触发ajax了
cache: false,
//当调用成功时 data是返回的值 textStatus是状态(成功或失败)
success: function(data, textStatus){
alert(data);
}
});
});
});
发生ajax之后会通过struts寻找action
struts.xml
//action的name就是上张页面中ajax的url
//去寻找spring中的id为registAction的bean 并调用它的java类中ajaxUserId()方法
<action name="ajaxUserId" class="registAction" method="ajaxUserId">
//将返回值发送到以下页面
<result>/sysUser/ajaxUser.jsp</result>
</action>
spring.xml
//等于是去找SysUserBasicImpl类中的ajaxUserId()方法
<bean id="registAction" class="com.myweb.action.SysUserBasicImpl" scope="prototype">
<property name="sysUserBasicDAO">
<ref local="SysUserBasicDAO"/>
</property>
</bean>
SysUserBasicImpl.java
//用于得到ajax传过来的stUserId参数
private String stUserId;
//返回值是一个boolean值 显示是否存在该userid
private boolean isExist;
//让ajaxUser.jsp页面可以得到返回值isExist
public boolean getIsExist(){
return isExist;
}
//让spring将stUserId值注射进来
public void setStUserId(String stUserId) {
this.stUserId = stUserId;
}
//ajax调用的方法
public String ajaxUserId(){
List list=sysUserBasicDAO.getHibernateTemplate().find(" from SysUserBasic where ST_USER_ID=?",stUserId);
isExist = (list.size()>0);
return SUCCESS;
}
ajaxUser.jsp 用于得到返回值
//使用struts标签
<%@ taglib uri="/struts-tags" prefix="s" %>
//将返回值输出出来 让ajax发出页面可以得到这个页面的值
<s:property value="isExist"/>