一个struts2+json+jquery的问题

最新推荐文章于 2021-08-05 13:23:08 发布

z130532

最新推荐文章于 2021-08-05 13:23:08 发布

阅读量117

点赞数

CC 4.0 BY-SA版权

分类专栏：积累文章标签： json jQuery Struts Web XML ViewUI

本文链接：https://blog.youkuaiyun.com/z130532/article/details/83922711

积累专栏收录该内容

38 篇文章

订阅专栏

本文介绍了一个简单的Struts2+JSON+jQuery整合案例，包括环境配置、前后台交互实现及常见问题解决方法。

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

问题比较简单,但是错乱的神经让我浪费啦一早晨.

1:配置环境

struts2+json+jquery

将jar包和js库引进.

2:配置文件:

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">
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
  <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>

3:后台处理,实体和action


package com.sgai.jquery.vo;

/**
 * 用户实体类
 * 
 * @author 王俊磊
 *
 */
public class User {
	//登陆用户名
	private String loginName;
	//登陆账号
	private String password;
	public String getLoginName() {
		return loginName;
	}
	public void setLoginName(String loginName) {
		this.loginName = loginName;
	}
	public String getPassword() {
		return password;
	}
	public void setPassword(String password) {
		this.password = password;
	}
}


package com.sgai.jquery.web;

import java.util.HashMap;
import java.util.Map;

import net.sf.json.JSONObject;

import com.opensymphony.xwork2.ActionSupport;
import com.sgai.jquery.vo.User;

/**
 * 用户action层
 * 
 * @author 王俊磊
 *
 */
@SuppressWarnings("serial")
public class UserAction extends ActionSupport {
	private User user;
	private String result;


	public String login() throws Exception {
		System.out.println("in");
		Map<String,Object> map = new HashMap<String,Object>();
		map.put("name", user.getLoginName());
		map.put("password",user.getPassword());
			result = JSONObject.fromObject(map).toString();

		return SUCCESS;
	}




	public User getUser() {
		return user;
	}
	public void setUser(User user) {
		this.user = user;
	}
	public String getResult() {
		return result;
	}
	public void setResult(String result) {
		this.result = result;
	}

}

4:struts2配置文件


<?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.i18n.encoding" value="UTF-8"/>
	<constant name="struts.enable.DynamicMethodInvocation" value="false"/>
	<constant name="struts.devMode" value="true"/>
	<constant name="struts.i18n.reload" value="true"/>
	<constant name="struts.configuration.xml.reload" value="true"/>

	<package name="login" namespace="/" extends="json-default" >
    	<action name="login" class="com.sgai.jquery.web.UserAction" method="login" >
    		<result type="json">
    			<param name="root">result</param>
    		</result>
    	</action>
</package> 
</struts>

5:前台请求页面


<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title><s:text name="登陆" />
		</title>
		<script type="text/javascript" src="./jquery-1.6.1.js"></script>
		<script type="text/javascript" language="javascript">
	$(document).ready(function() {
		alert(2);
		$("#login").click(function() {
			login();
		});
	});

	function login() {
		alert(3);
		var url = "login.action";
		var params = {
			"user.loginName" : $("#name").attr("value"),
			"user.password" : $("#password").attr("value")
		};

		$.getJSON(url, params, function callback(data) {
			// convert to json object
				var user = eval("(" + data + ")");//

				$("#result").each(function() {
					$(this).html('welcome ,' + user.name);
				});
			});
	}
</script>
	</head>
	<body>
		<s:actionmessage />
		<form method="post" id="form">
			<s:text name="用户名" />
			:
			<input type="textbox" name="user.loginName" id="name"
				value='${param["user.loginName"]}' />
			<br>
			<s:text name="密码" />
			:
			<input type="password" id="password" name="user.password" />
			<br>
			<input type="button" id="login"
				value='<s:text name="登陆" />' onclick="alert(1);"/>
		</form>
		<div id="result">

		</div>
	</body>
</html>

[b]后记:[/b]
这个里面的东西都很简单,但是犯啦一个大错,也许是这个json lib的库不报错,我跟踪出来这个json lib的转换期间,定义的类没有找到,但是一直不知道是什么原因,一直在调试,后来看到API:
Json-lib requires (at least) the following dependencies in your classpath:
jakarta commons-lang 2.4
jakarta commons-beanutils 1.7.0
jakarta commons-collections 3.2
jakarta commons-logging 1.1.1
ezmorph 1.0.6

原来如此.