最代码广告位
程序猿全敏的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
最代码最近下载分享源代码列表最近下载
itscod LV62019年6月16日
月亮星星星星
sky19961212 LV162019年6月2日
太阳
咕噜流氓兔 LV52018年10月11日
月亮星星
z924931408 LV252018年5月23日
太阳月亮月亮星星
812992358 LV112018年5月10日
月亮月亮星星星星星星
1335203 LV92018年3月14日
月亮月亮星星
mkl_mzq LV102017年9月1日
月亮月亮星星星星
zl0919 LV182017年8月2日
太阳星星星星
lppbin LV92017年7月20日
月亮月亮星星
yellow216 LV112017年4月20日
月亮月亮星星星星星星
最代码最近浏览分享源代码列表最近浏览
奋斗的小蚂蚁 LV101月21日
月亮月亮星星星星
Lucky_帆帆 LV51月5日
月亮星星
jokerss2019年12月31日
暂无贡献等级
983557585 LV92019年12月30日
月亮月亮星星
至恶咕哒子 LV32019年12月25日
星星星星星星
1234567autfv LV52019年12月17日
月亮星星
mqhusd LV22019年12月13日
星星星星
myjzb111 LV92019年11月25日
月亮月亮星星
rrr哈哈哈 LV92019年11月22日
月亮月亮星星
734391128 LV62019年11月21日
月亮星星星星
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友

页面底部区域 foot.htm