struts2.1.8+json+jquery1.3实现ajax

要加的struts包有:

commons-beanutils-1.7.0.jar

commons-chain-1.2.jar

commons-collections-3.2.jar

commons-digester-2.0.jar

commons-fileupload-1.2.1.jar

commons-io-1.3.2.jar

commons-lang-2.3.jar

commons-logging-1.0.4.jar

commons-validator-1.3.1.jar

ezmorph-1.0.3.jar      (不这个会去一非常怪错误。不相信你可以试试)  我认为应该无法实现java对象与json对象之间转化.

freemarker-2.3.15.jar

json-lib-2.1.jar

ognl-2.7.3.jar

struts2-json-plugin-2.1.8.1.jar

xwork-core-2.1.6.jar

struts2-core-2.1.8.1.jar

其它具体 的代码；我是看了。http://www.iteye.com/topic/576513。他是原码而写的。基本一样了。

web.xml

Xml代码

1. <filter>     
2.         <filter-name>struts2</filter-name>     
3.         <filter-class>org.apache.struts2.dispatcher.FilterDispatcher</filter-class>     
4.     </filter>     
5.     <filter-mapping>     
6.         <filter-name>struts2</filter-name>     
7.         <url-pattern>/*</url-pattern>     
8.     </filter-mapping>   

<filter>  
        <filter-name>struts2</filter-name>  
        <filter-class>org.apache.struts2.dispatcher.FilterDispatcher</filter-class>  
    </filter>  
    <filter-mapping>  
        <filter-name>struts2</filter-name>  
        <url-pattern>/*</url-pattern>  
    </filter-mapping> 

 

strust.xml

 

Xml代码

1. <package name="ajax" extends="json-default">  
2.         <action name="ajaxLogin" class="org.test.action.AjaxLoginAction">  
3.             <!-- 返回类型为json 在json-default中定义 -->  
4.             <result type="json">  
5.                 <!-- root的值对应要返回的值的属性 -->  
6.                 <!-- 这里的result值即是 对应action中的 result -->  
7.                 <param name="root">result</param>  
8.             </result>  
9.                
10.         </action>  
11.     </package>  

<package name="ajax" extends="json-default">
		<action name="ajaxLogin" class="org.test.action.AjaxLoginAction">
			<!-- 返回类型为json 在json-default中定义 -->
			<result type="json">
				<!-- root的值对应要返回的值的属性 -->
				<!-- 这里的result值即是 对应action中的 result -->
				<param name="root">result</param>
			</result>
			
		</action>
	</package>

 

action代码:

 

Java代码

1. private String result;   
2.     // struts的属性驱动模式，自动填充页面的属性到这里   
3.     private String loginName;   
4.     private String password;   
5.   
6.     public String getResult() {   
7.         return result;   
8.     }   
9.   
10.   
11.     public void setResult(String result) {   
12.         this.result = result;   
13.     }   
14.   
15.   
16.     public String getLoginName() {   
17.         return loginName;   
18.     }   
19.   
20.   
21.     public void setLoginName(String loginName) {   
22.         this.loginName = loginName;   
23.     }   
24.   
25.   
26.     public String getPassword() {   
27.         return password;   
28.     }   
29.   
30.   
31.     public void setPassword(String password) {   
32.         this.password = password;   
33.     }   
34.   
35.   
36.     @Override  
37.     public String execute() {   
38.   
39.         try{   
40.             System.out.println("------------");   
41.             // 用一个Map做例子   
42.             Map<String, String> map = new HashMap<String, String>();   
43.             System.out.println(this.loginName);   
44.             // 为map添加一条数据，记录一下页面传过来loginName   
45.             map.put("name", this.loginName);   
46.             map.put("password",this.password);   
47.   
48.             // 将要返回的map对象进行json处理   
49.             JSONObject jo = JSONObject.fromObject(map);   
50.             System.out.println("*********");   
51.             // 调用json对象的toString方法转换为字符串然后赋值给result   
52.             this.result = jo.toString();   
53.   
54.             // 可以测试一下result   
55.             System.out.println(this.result);   
56.                
57.         }catch(Exception e){   
58.             System.out.println(e);   
59.         }   
60.            
61.   
62.         return SUCCESS;   
63.   
64.     }  

private String result;
	// struts的属性驱动模式，自动填充页面的属性到这里
	private String loginName;
	private String password;

	public String getResult() {
		return result;
	}


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


	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;
	}


	@Override
	public String execute() {

		try{
			System.out.println("------------");
			// 用一个Map做例子
			Map<String, String> map = new HashMap<String, String>();
	        System.out.println(this.loginName);
			// 为map添加一条数据，记录一下页面传过来loginName
			map.put("name", this.loginName);
			map.put("password",this.password);

			// 将要返回的map对象进行json处理
			JSONObject jo = JSONObject.fromObject(map);
			System.out.println("*********");
			// 调用json对象的toString方法转换为字符串然后赋值给result
			this.result = jo.toString();

			// 可以测试一下result
			System.out.println(this.result);
			
		}catch(Exception e){
			System.out.println(e);
		}
		

		return SUCCESS;

	}

 

index.jsp

Html代码

1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>  
2. <%@ taglib prefix="s" uri="/struts-tags" %>  
3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
4. <html>  
5.     <head>  
6.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
7.         <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script><script type="text/javascript">  
8.         $(document).ready( function() {   
9.         //使用 Ajax 的方式 判断登录   
10.         $("#btn_login").click( function() {   
11.             var url = 'ajaxLogin.action';   
12.             //获取表单值，并以json的数据形式保存到params中   
13.             var params = {   
14.                 loginName:$("#loginName").val(),   
15.                 password:$("#password").val()   
16.                 //上行结尾决对不加逗号（，）。如果加了在IE6下就不能运行实现了。   
17.             }   
18.             alert(params.loginName);   
19.             //使用$.post方式       
20.             $.post(   
21.                 url,        //服务器要接受的url   
22.                 params,     //传递的参数        
23.                 function cbf(data){ //服务器返回后执行的函数 参数 data保存的就是服务器发送到客户端的数据   
24.                     //alert(data);   
25.                     var member = eval("("+data+")");    //包数据解析为json 格式     
26.                     $('#result').html("欢迎您：  "+member.name+"<br>您的密码是："+member.password);   
27.                 },    
28.                'json'   //数据传递的类型  json   
29.             );   
30.         });   
31.     });   
32. </script>  
33.     </head>  
34.     <body>  
35.         <center>  
36.         <table>  
37.         <tr>  
38.         <td>  
39.         <span>用户名：</span>  
40.         </td>  
41.         <td>  
42.         <input type="text" id="loginName" name="loginName">  
43.         </td>  
44.         </tr>  
45.         <tr>  
46.         <td>  
47.         <span>密码：</span>  
48.         </td>  
49.         <td>  
50.         <input type="password" name="password" id="password">  
51.         </td>  
52.         </tr>  
53.         <tr>  
54.         <td colspan="2">  
55.         <input type="button" id="btn_login" value="Login" />  
56.         </td>  
57.         </tr>  
58.         </table>  
59.         <p>  
60.             这里显示ajax信息：   
61.             <br />  
62.             <span id="result"></span>  
63.         </p>  
64.         </center>  
65.   
66.            
67.     </body>  
68. </html>