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,前台显示

后台接收数据