Question

我的jsp文件中有一个登录表单，指的是使用onclick函数的javascript函数，

javascript函数应该调用action方法来执行授权过程并返回结果。

结果可能是错误消息（用户名错误）或（用户名或密码错误）或成功消息（返回“SUCCESS”）以进入新页面，

任何时候它调用动作警报（xmlHttp.status）显示它收到“未定义” 它正在调用正确的操作，但问题在于接收响应。

我该如何定义struts.xml？也许问题是由它造成的。

<s:submit onclick="auth(this.form)" />

xmlhttp.open("get","Login.action?usrname="+usr+"&pass="+psw,false);
xmlhttp.send();

Answer 1

你需要这样做（Struts2，JSON，Ajax）

<强> struts.xml中

<package name="default"  extends="json-default">
        <action name="ValidateUserName" class="com.controller.JSONUserAction">          
            <result type="json"></result>
        </action>
</package>

控制器类代码JSONUserAction.java（在您的情况下为Login.java）

package com.controller;

import com.opensymphony.xwork2.ActionSupport;

public class JSONUserAction extends ActionSupport {

    private String username;
    private String result;  

    // all struts logic here
    public String getUsername() {
        return username;
    }
    public void setUsername(String username) {
        this.username = username;
    }

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

    public String execute() {
        if(username.equalsIgnoreCase("admin")) {
            result = "VALID";
        } else {
            result = "INVALID";
        }
        System.out.println("username :  " + username + "======== result :" + result);
        return ActionSupport.SUCCESS; 
    }

}

login.jsp代码

<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<script type="text/javascript">

    var http;
    if(window.XMLHttpRequest) {
        http = new XMLHttpRequest();
    } else {
        http = new ActiveXObject("Microsoft.XMLHTTP");
    }

    function AuthenticateUser() {               
        var username = document.getElementById("username").value;
        var password = document.getElementById("password").value;

        http.open("POST", "ValidateUserName.action", true);
        http.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        http.onreadystatechange = ValidUser;
        http.send("username="+username +"&password="+password);
    }

    function ValidUser() {      
        if(http.readyState == 4 && http.status == 200) {
            var jsonOP  = eval ("(" + http.responseText + ")");         
            var result = jsonOP.result;         
            document.getElementById("message").innerHTML = result;
            if(result == "VALID") {
                //redirect to welcome page                              
            } 
        }
    }

</script>
</head>

<body>

<s:form action="Welcome">
    <div id="message"></div>
    <s:textfield name="username" label="Username" id="username" />
    <s:password name="password" label="Password" id="password"/>
    <s:submit id="login" onClick="AuthenticateUser();"/>
</s:form>

</body>
</html>

如何使用javascript来调用动作

1 个答案: