java - 如何使用javascript调用action

标签 java javascript jsp struts2

我的 jsp 文件中有一个登录表单,它引用了使用 onclick 函数的 javascript 函数,

JavaScript 函数应该调用一个操作方法来执行授权过程并返回结果。

结果可以是错误消息(用户名错误)或(用户名或密码错误)或成功消息(返回“SUCCESS”)以进入新页面,

任何时候调用该操作时,警报(xmlHttp.status)都会显示它收到“未定义” 它正在调用正确的操作,但问题在于接收响应。

我应该如何定义struts.xml?也许问题就是由它引起的。

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

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

最佳答案

你需要这样做(Struts2、JSON、Ajax)

struts.xml

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

Controller 类代码 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>

关于java - 如何使用javascript调用action,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12469846/

相关文章:

java - 错误 :Exception in request: org. apache.http.conn.HttpHostConnectException:连接到 http://********:80 被拒绝

javascript - XML 解析在 Chrome 中不起作用

javascript - 如何安排任务在我的 tomcat 服务器上每 X 小时运行一次?

java - 到底如何使用 java.swing.AbstractListModel 中的 "fireContentsChanged"方法?

Java:哪些类不能由代理或 MBean 转换?

javascript - 如何将大数组切成固定长度的小块

java - 如何在JSTL中调​​用java方法

java - 获取 JSP 标记中的上一个 URL

java - Spring 配置: How to export util:list based bean in osgi:service?

javascript - jQuery draggable 创建重复的子项