jquery ajax无刷新请求Struts2验证用户名密码数据库是否存在

通过ajax请求验证后台数据是否存在.

首先导入struts2的核心包。

后台Action代码

import com.opensymphony.xwork2.ActionSupport;

public class CodeCheckAction extends ActionSupport {
	
	/**
	 * 
	 */
	private static final long serialVersionUID = 1L;
	private String code;
	private String result;
	
	public String execute() throws Exception {
		System.out.println("code的值为"+code);
		String msg = "F";
		
		if("abc".equals(code)){
			msg = "T";
		}
		
		result="{\"retCode\":\""+msg+"\"}";
		
		return SUCCESS;
	}

	public String getCode() {
		return code;
	}


	public void setCode(String code) {
		this.code = code;
	}


	public String getResult() {
		return result;
	}

	public void setResult(String result) {
		this.result = result;
	}
	
}

struts.xml代码

<action name="userAction" class="action.UserAction">
  		<result name="index">/index.jsp</result>
  	</action>

然后jsp js代码

$(function(){
			
			$("#btn").click(function(i,e){
				var code_input = $("#code");
				var code = code_input.val()+"";
				$.getJSON("test?code="+code,function(root,error){
					var retcode = $.parseJSON(root);
					if(retcode.retCode != "T"){
						//code_input.val("");
						document.getElementById("msg").innerHTML="<font color='red'>不可用</font>";
					}else{
						document.getElementById("msg").innerHTML="<font color='green'>可用</font>";
					}
				});
			});
		});

body代码

<form id="form">
			<input id="code" name="code" type="text" /><span id="msg"></span><br/>
			<button id="btn" type="button">测试</button>
		</form>

然后运行

输入一个错误的，前台显示

后台控制台接收数据

现在输入一个正确的code,前台显示

后台接收数据