AJAX向服务器发送请求并返回json数据

标签：jquery   struts   ajax   json   

    这里想实现的功能大概是这样：类似注册时，用户名已经被注册了的情况。当用户失去焦点的时候利用AJAX发送请求到服务器端，服务器端进行数据库查询，如果有相同的用户名则页面提示用户名已被注册了，不能用，否则就通过注册。

    这里用的是Jquery AJAX以及SSH框架，下面是我的实现步骤：

先引入struts-json的jar包

1、注册页面中添加JS方法调用

<span id="tip" style="color:red"></span>
	<s:form action="Register">
		<s:textfield id="username" name="username" label="用户名" onblur="validatename()"/>
		<s:password name="password" label="密码" />
		<s:submit value="注册" />
	</s:form>

<script language="JavaScript">
function validatename(){
	var user="username="+$('#username').val();
	$.ajax({
		url:"ValidateName.action",
		type:'post',
		data:user,
		dataType:'text',
		success:processResponse
	});
}
function processResponse(msg){
	var data = eval("("+ msg+")");
	$("#tip").html(data.tip);
}
</script>

在此说一下，这里的dataType返回类型为text，回调函数中才可用eval解析这个json数据，用dataType:‘json‘的话返回的是一个对象，用eval会报js错误

private String username;
	private String password;
	private String tip;
	private LoginService ls;

	public String execute() {
		try {
			if (ls.validateName(getUsername())) {
				setTip("你输入的用户名" + getUsername() + "已被注册！");
			} else {
				setTip("你的用户名" + getUsername() + "可用！");
			}
		} catch (Exception e) {
			setTip(e.getMessage());
		}
		return SUCCESS;
	}

public boolean validateName(String name){
		try {
			List list=(List) getHibernateTemplate().find("from Login a where a.username = ?", name);
			if(list!=null && list.size()>0){
				return true;
			}else{
				return false;
			}
		} catch (Exception e) {
			e.printStackTrace();
			return false;
		}
	}

extends="json-default,struts-default"

<action name="ValidateName" class="validateNameAction">
			<result type="json"></result>
		</action>

5、测试，输入数据库里已经存在的用户名，页面提示用户名已存在，不用注册

AJAX向服务器发送请求并返回json数据

标签：jquery   struts   ajax   json   

原文地址：http://blog.csdn.net/kevinxxw/article/details/47171033