Jquery的ajax异步交互在struts2中会执行return SUCCESS嘛？

0 0

Jquery的ajax异步交互在struts2中会执行return SUCCESS嘛？30

我在用Jquery的ajax 来完成一个用户名验证，当用户名密码正确后，却没有执行return SUCCESS跳转到相应的页面去。
PS：条件正确的话确实已经进入action里了。后台有打印出来，但是就是不跳转。那个大哥能帮我小弟解释下代码如下：


package com.kaige.action;

import com.kaige.model.User;
import com.kaige.service.UserService;
import com.opensymphony.xwork2.ActionSupport;

public class UserAction extends ActionSupport {
	private String username;
	private String password;
	private String email;
	private String message;
	UserService userService;


	public void setUserService(UserService userService) {
		this.userService = userService;
	}

	public String getUsername() {
		return username;
	}

	public void setUsername(String username) {
		this.username = username;
	}

	public String getPassword() {
		return password;
	}

	public void setPassword(String password) {
		this.password = password;
	}

	public String getEmail() {
		return email;
	}

	public void setEmail(String email) {
		this.email = email;
	}

	public String getMessage() {
		return message;
	}

	public void setMessage(String message) {
		this.message = message;
	}


	public String validateName() throws Exception {
		
		User user = new User();
		user.setUsername(username);
		user.setPassword(password);
		if (!userService.exist(user)) {
			this.message = "notexist";
			return "message";
		} else {
			if(userService.loginValid(username, password)>0){
				System.out.println("用户正常登陆");
				return SUCCESS;
			}
			else{
				this.message="nocorrect";
				return "message";
			}
		}

	}
}

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>Login</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<script type="text/javascript" src="js/jquery.js">
	
</script>
<script type="text/javascript" src="js/ajax.js">
	
</script>
<script type="text/javascript" src="js/json.js">
	
</script>
<script type="text/javascript">
	$(function() {

		$("form :input").blur(
				function() {
					var $parent = $(this).parent();
					$parent.find(".formtips").remove();
					if ($(this).is("#username")) {
						if (this.value == "") {
							var errorMsg = '请输入用户名';
							$parent.append('<span class="formtips ErrorMsg">'
									+ errorMsg + '</span');
						}
					}
					if ($(this).is("#password")) {
						if (this.value == "") {
							var errorMsg = '请输入密码';
							$parent.append('<span class="formtips ErrorMsg">'
									+ errorMsg + '</span');
						}
					}
				});
		$("#login")
				.click(
						function() {

							$("form :text").trigger('blur');
							$("form :password").trigger('blur');
							var numError = $("form .ErrorMsg").length;
							if (numError) {
								return false;
							}
							var param = $("form").serialize();
							$
									.ajax({
										url : 'Login!validateName.action',
										data : param,
										dataType : 'json',
										type : 'POST',
										success : function(data) {
											if (data != null) {
												if (data.message == 'notexist') {
													$("#check")
															.html(
																	"用户不存在，<a href='register.jsp'>请注册</a>");
													return false;
												}
												if (data.message == 'nocorrect') {
													$("#check").html(
															"用户名或密码错误！请重新输入");
												}
											}
										}
									});

						});
	});
</script>
</head>
<body>

	<form action="Login!validateName.action" method="POST">
		<div class="int" id="userText">
			<label for="username"> User Name </label> <input type="text"
				name="username" id="username" />

		</div>
		<div class="int">
			<label for="password"> Password&nbsp </label> <input type="password"
				name="password" id="password" />

		</div>
		<div class="sub">
			<input type="button" value="Login" id="login" /> <input type="reset"
				value="Reset" />
		</div>
        <s:token/>
	</form>
	<div id="registerText"></div>
	<div id="check"></div>
</body>
</html>
<?xml version="1.0" encoding="UTF-8" ?>  
<!DOCTYPE struts PUBLIC  
    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"  
    "http://struts.apache.org/dtds/struts-2.0.dtd">
<struts>
	<constant name="struts.devMode" value="true" />
	<constant name="struts.i18n.encoding" value="GBK"></constant>
	<constant name="struts.ognl.allowStaticMethodAccess" value="true"></constant>
	<package name="Jquery" extends="json-default"> 
		<action name="Login" class="com.kaige.action.UserAction">
			<result name="fail">/register_fail.jsp</result>
			<result name="success">/register_success.jsp</result>
			<result name="message" type="json"></result>
		<!--	<result name="invalid.token">/index.jsp</result>
			<interceptor-ref name="token"></interceptor-ref>
			<interceptor-ref name="defaultStack"></interceptor-ref>-->
		</action>
	</package>
</struts>

问题补充：顺便再问个问题。。。。
ajax 的异步刷新遇到struts2的token防刷新令牌机制是不是冲突？
我加了token之后 ajax 就会出现只与后台交互一次的影响。
去掉token之后就会可以完美的刷新了。
那位大牛顺便把这个问题解释下。
小弟先提高悬赏，然后在此谢过了。

2012年6月22日 21:46

ren2881971
0
0 0 2

8个答案按时间排序按投票排序

0 0

struts1.x的是可以跳转的，struts2估计处理了不能跳转了，只能返回页面上用ｊｓ处理。

2012年6月27日 09:15

mayufenga1
97
0 0 1

添加评论

0 0

ajax 是异步去掉你的方法。他返回时json 格式。而你通过return SUCCESS 是返回相应的跳转页面。 ajax 是不具备页面跳转的。你只能自己手动写一个 loaction.href 来去做你的页面跳转。如果你用了ajax 就不能用 return SUCCESS 来做页面跳转的处理

2012年6月24日 11:01

Java_大猫
255
0 1 34

添加评论

0 0

action中不能像你这样返回。
PrintWriter pw = response.getWriter();

pw.write(message);
pw.flush();
pw.close();

页面中JS收到这个内容，再进行判断，再通过herf或页面的form 进行跳转。

参考代码如下：   $.post("verify.action",{userName:$('#userName_id').val(),activeCode:$('#activeCode_id').val(),verifyCodeType:$('#verifyCodeType_id').val()}, function(data){
         if (data=="success"){
            close();

        var frm = document.getElementById('form1');
   frm.action="verifyToRegisterPage.action";
frm.submit();
         }

2012年6月24日 10:22

zsyzk
30
0 0 0

添加评论

0 0

Struts2 对Ajax提供了很好的支持，使用的是DOJO，如果你不会使用DOJO DWR的话，其实使用Struts2 提供的Ajax JSP tags 也是可以的，使用很简单。
使用名为Stream的Result 即可。
配置文件

<action name="ajaxAction" class="com.yaxing.action.UnitInfoAction"
			method="findByUU">
			<result type="stream">
				<param name="contentType">text/html</param>
				<param name="inputName">inputStream</param>

			</result>

		</action>

Action:

public String findByUU() throws Exception {
		try {
			Map session = ActionContext.getContext().getSession();

			String ids = session.get("userId").toString();
			
			listUnitInfo = this.unitInfoService.findByUU(java.net.URLDecoder.decode(userName, "UTF-8"), ids);
			
			if (listUnitInfo.size() > 0) {
				inputStream = new ByteArrayInputStream(
						"true".getBytes("utf-8"));
			} else {
				inputStream = new ByteArrayInputStream(
						"此单位帐号可以使用！".getBytes("utf-8"));
			}

		} catch (Exception e) {
			e.printStackTrace();
			return INPUT;
		}
		return SUCCESS;
	}

页面：

<tr>
									<td height="15" bgcolor="#FFFFFF">
										<div align="center" class="STYLE1">
											<div align="center">单位名称</div>
										</div>
									</td>
									<td height="15" bgcolor="#FFFFFF">
										<div align="center">
											<span class="STYLE1"> <input type="text" id="name"
												name="unitInfo.name" style="width: 120px" /> </span>
										</div></td>
									<td height="15" bgcolor="#FFFFFF">
										<div align="center">
											<span class="STYLE1">
												<div id="nameTip" style="width: 120px"></div> </span>
										</div></td>

								</tr>

JS：

<script language="javascript">
var myRequest;
var flag;
function t1() {
	//准备向后台传输的数据
	var userName = document.getElementById("userName1").value;
	alert(userName);
	url = encodeURI(userName);
	url = encodeURI(url);
	//Ajax
	myRequest = new ActiveXObject("Msxml2.XMLHTTP");
	myRequest.onreadystatechange = t2;
	myRequest.open("GET", "unitInfo/ajaxAction.action?userName=" + url, true);
	myRequest.send(null);
}
function t2() {
	if (myRequest.readyState == 4) {
		var ret = myRequest.responseText;
		//后续处理
		if (ret == "true") {
			flag = false;
			document.getElementById("userName1Tip").innerHTML = "单位帐号重复，无法使用";
		} else {
			flag = true;
			document.getElementById("userName1Tip").innerHTML = "此单位帐号可以使用";
		}
	}
}

function checkForm() {
	return flag;
}
</script>

这样就是一个完整的例子了，希望对你有帮组！

2012年6月23日 11:43

w156445045
2
0 0 4

添加评论

0 0

额不小心点快了。。

第二你如果用datadype json返回字符串数据，那么java代码里应该类似这样
if(userService.loginValid(username, password)>0){
                System.out.println("用户正常登陆");
                this.message ="success";
                return SUCCESS;
            }

success : function(data) {
            if (data != null) {
                if (data.message == 'notexist') {
                       $("#check") .html(
                              "用户不存在，<a href='register.jsp'>请注册</a>");
                                      return false;
               }
               if (data.message == 'nocorrect') {
                        $("#check").html(
                               "用户名或密码错误！请重新输入");
               }
               if (data.message == 'success') {
                     $("form").submit();
               }
          }
}
就不可能即返回json又返回register_success页面。。。

2012年6月23日 10:16

asyty
1942
0 1 29

添加评论

0 0

ajax异步地意思就是不刷新页面发送请求么，而且你这个代码有点乱。。。。

首先，你返回的success，message是和struts配置里的result name对应的不是和ajax里的data对应的，返回的data是你result里的页面或者数据

第二你如果返回字符串数据，那么java代码里应该这样
if(userService.loginValid(username, password)>0){
                System.out.println("用户正常登陆");
                this.message ="success";
                return SUCCESS;
            }

success : function(data) {
            if (data != null) {
                if (data.message == 'notexist') {
                       $("#check") .html(
                              "用户不存在，<a href='register.jsp'>请注册</a>");
                                      return false;
               }
               if (data.message == 'nocorrect') {
                        $("#check").html(
                               "用户名或密码错误！请重新输入");
               }

          }
}

如果你要跳转，是要在js里自己控制跳转

2012年6月23日 10:12

asyty
1942
0 1 29

2条评论

0 0

ajax提交后返回的相应也是ajax接受的，所以你的页面被ajax得到，你并没有处理。建议返回truefalse然后window.location.href调到结果页

2012年6月23日 09:46

at1943
20
0 0 3

添加评论

0 0

    首先你的Ajax返回的数据格式是JSON，而你的SUCCESS应该是个页面吧。
     其次Ajax是局部异步的，所以他不会直接影响的当前访问路径，即使返回的是HTML页面，也不会更改当前路径，你可以把这个HTML内容放到一个DIV中去显示。
    看了下你的验证，你用JQuery把整个表单进行了序列化，用Ajax提交了整个Form所以当你提交一次后Token已经走了验证，而当前页面的Token值在HTML中并没有改变。所以只能实现一次验证，即使验证没有通过。
    既然你都已经只验证用户名密码，也没有必要把整个form序列化，这样的话表单中的属性都会被提交包括你的Token的值。

2012年6月23日 01:29

WAMING5
45
0 0 4