程序猿全敏的gravatar头像
程序猿全敏2015-12-31 11:22:58

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>

然后运行

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

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

后台控制台接收数据

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

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

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

后台接收数据

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


打赏

文件名:testAjax2.rar,文件大小:4227.293K下载
  • /
      • /testAjax2
        • /testAjax2/.classpath
        • /testAjax2/.mymetadata
        • /testAjax2/.project
          • /testAjax2/.settings
            • /testAjax2/.settings/.jsdtscope
            • /testAjax2/.settings/com.genuitec.eclipse.core.prefs
            • /testAjax2/.settings/org.eclipse.jdt.core.prefs
            • /testAjax2/.settings/org.eclipse.wst.common.component
            • /testAjax2/.settings/org.eclipse.wst.common.project.facet.core.xml
            • /testAjax2/.settings/org.eclipse.wst.jsdt.ui.superType.container
            • /testAjax2/.settings/org.eclipse.wst.jsdt.ui.superType.name
最代码最近下载分享源代码列表最近下载
1973356987 LV132021年6月17日
月亮月亮月亮星星
itscod LV62019年6月16日
月亮星星星星
sky19961212 LV182019年6月2日
太阳星星星星
咕噜流氓兔 LV52018年10月11日
月亮星星
z924931408 LV252018年5月23日
太阳月亮月亮星星
812992358 LV112018年5月10日
月亮月亮星星星星星星
1335203 LV102018年3月14日
月亮月亮星星星星
mkl_mzq LV102017年9月1日
月亮月亮星星星星
zl0919 LV182017年8月2日
太阳星星星星
lppbin LV92017年7月20日
月亮月亮星星
最代码最近浏览分享源代码列表最近浏览
单身汪2021年6月29日
暂无贡献等级
1973356987 LV132021年6月17日
月亮月亮月亮星星
talete LV12020年11月20日
星星
殷章宁 LV22020年8月14日
星星星星
byteyxr LV62020年7月11日
月亮星星星星
还好是大佬2020年7月4日
暂无贡献等级
Dhjnbu LV32020年6月23日
星星星星星星
suxuanouba LV72020年6月17日
月亮星星星星星星
夜上清元 LV62020年6月3日
月亮星星星星
Noisty2020年5月30日
暂无贡献等级
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友