java 中strtus2 实现 ajax

本文介绍如何使用Struts2框架与JSON技术实现Ajax功能。通过配置Struts2核心Filter,设置相应的Action及结果类型,配合前端jQuery库,实现了数据的异步交互。文章详细展示了项目文件结构、配置文件及代码实现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

架包下载地址

Strtus2                                   http://download.youkuaiyun.com/detail/ahy1024/4626028
Json                                       http://download.youkuaiyun.com/detail/u011381488/6457097

Struts-Json-Plugin              http://download.youkuaiyun.com/detail/huangbye/7694131

servlet-api    自己找下

以上都是免积分下载的,下载完成,就将解压后的架包全部放入lib下



本人编辑器是eclipse

strtus.xml

<?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>
<package name="default" namespace="/" extends="struts-default,json-default">
<action name="login" class="com.test.LoginAction" method="execute">
<result name="success">/WEB-INF/welcome.jsp</result>
<result name="login">/WEB-INF/login.jsp</result>
</action>
<action name="testjson" class="com.test.LoginAction" method="jsonS">              
            <result name="success" type="json">  
                <param name="root">result</param>  
            </result>  
        </action> 
</package>
</struts>


LoginAction.java

import java.util.ArrayList;
import java.util.List;
import com.opensymphony.xwork2.ActionSupport;
import net.sf.json.JSONObject;

public class LoginAction extends ActionSupport {
private static final long serialVersionUID = 1L;
// 该类继承了ActionSupport,就可以直接使用SUCCESS LOGIN等变量和 重写execute方法
private String username;
private String password;
private String result;
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 getResult() {
return result;
}
public void setResult(String result) {
this.result = result;
}
@Override
public String execute() throws Exception {
if ("sxh".equals(username) && "123".equals(password))
return SUCCESS;
return LOGIN;
}

public String jsonS() throws Exception {
List<UserInfo> list =new ArrayList<UserInfo>();
UserInfo user = new UserInfo();
user.setUsername(username);
list.add(user);
JSONObject json = new JSONObject();
json.put("name", list);
result = json.toString();
return SUCCESS;
}
}


UserInfo.java

private String username;
private String password;

自己  get,,,set,,,


web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 
xmlns="http://java.sun.com/xml/ns/javaee" 
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<display-name></display-name>
<welcome-file-list>
<welcome-file>/WEB-INF/testajax.jsp</welcome-file>
</welcome-file-list>

<filter>
<!--指定Struts2的核心Filter-->
<filter-name>struts2</filter-name>
<filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter
</filter-class>
</filter>

<filter-mapping>
<filter-name>struts2</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
</web-app>


login.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>登录</title>
</head>
<body>
<s:form action="login" method="post">
<s:label value="系统登录"></s:label>
<s:textfield name="username" label="账号"></s:textfield>
<s:password name="password" label="密码"></s:password>
<s:submit value="登录"></s:submit>
</s:form>
</body>
</html>

登录名:sxh     密码:123

testajax.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
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>
<title>测试ajax</title>
<script type="text/javascript" src="<%=basePath%>js/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(function(){
$("#ajaxTest").click(function() {
        var $params = $("#username").val();
        var $url = "<%=basePath%>testjson";
        $.ajax({
            type: "post",
            url: $url,
            data: $params,
            dataType: "json", 
            success: function(data){
                alert(data);
            }, 
            error: function (XMLHttpRequest, textStatus, errorThrown) { 
                alert(errorThrown); 
       
       });
    });
});
</script>
</head>
<body>
入参<input name="username" type="text" id = "username">
<input type="button" id = "ajaxTest" value="测试ajax">
出参<input name="result" type="text" id = "result">
</body>
</html>

welcome.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>欢迎</title>
</head>
<body>
欢迎${username}
</body>
</html>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值