struts2+jquery+json

最新推荐文章于 2024-11-11 21:36:54 发布

J2EE_dev

最新推荐文章于 2024-11-11 21:36:54 发布

阅读量413

点赞数

分类专栏： AJAX和JavaScript 文章标签： struts json jquery string user function

AJAX和JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Struts2+JQuery+JSON集成

细节部分我就不多讲了，因为我也不会，就讲讲我是如何调试出来我的第一个JSON使用的吧

采用的框架有：Struts2 、 JQuery 、 JSON

按着步骤来吧：

1.新建一个Web工程

导入包列表：

目录结构如图：

2.建立实体类User

view plaincopy to clipboardprint?
package com.school.pojo;

public class User {
private String user;
private int age;
public String getUser() {
    return user;
}
public void setUser(String user) {
    this.user = user;
}
public int getAge() {
    return age;
}
public void setAge(int age) {
    this.age = age;
}
}
package com.school.pojo;

public class User {
private String user;
private int age;
public String getUser() {
return user;
}
public void setUser(String user) {
this.user = user;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
}

3.建立Action JsonAction

view plaincopy to clipboardprint?
public class JsonAction extends ActionSupport{
private User user;
//用于记录返回结果
private String result;
//省略相应的get和set方法
@SuppressWarnings("static-access")
public String execute() throws Exception {
//将要返回的user实体对象进行json处理
JSONObject jo = JSONObject.fromObject(this.user);
System.out.println(jo);
//调用json对象的toString方法转换为字符串然后赋值给result
this.result = jo.toString();
return this.SUCCESS;
}
}
public class JsonAction extends ActionSupport{
private User user;
//用于记录返回结果
private String result;
//省略相应的get和set方法
@SuppressWarnings("static-access")
public String execute() throws Exception {
//将要返回的user实体对象进行json处理
JSONObject jo = JSONObject.fromObject(this.user);
System.out.println(jo);
//调用json对象的toString方法转换为字符串然后赋值给result
this.result = jo.toString();
return this.SUCCESS;
}
}

4.建立struts.xml文件

view plaincopy to clipboardprint?
<?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>
<package name="ttttt" extends="json-default">
<action name="jsonAction" class="action.JsonAction">
<result type="json" >


<param name="root">
result
</param>
</result>
</action>
</package>
</struts>
<?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>
<package name="ttttt" extends="json-default">
<action name="jsonAction" class="action.JsonAction">
<result type="json" >


<param name="root">
result
</param>
</result>
</action>
</package>
</struts>

5.编写index.jsp文件

view plaincopy to clipboardprint?
<%@ page language="java" pageEncoding="UTF-8"%>

<%@ taglib prefix="s" uri="/struts-tags"%>

<%

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>

<base href="<%=basePath%>">

<title>My JSP 'index.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="expires" content="0">

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="This is my page">



<mce:script type="text/javascript" src="<%=basePath%></mce:script>

<mce:script type="text/javascript" src="<%=basePath%></mce:script>

<s:head theme="ajax" />

</head>

<body>

<div id="result">

</div>

<s:form name="userForm" action="" method="post">

<s:textfield label="用户名" name="user.name" />

<s:textfield label="年龄" name="user.age" />

<button>

提交

</button>

</s:form>

</body>

</html>
<%@ page language="java" pageEncoding="UTF-8"%>

<%@ taglib prefix="s" uri="/struts-tags"%>

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>My JSP 'index.jsp' starting page</title>

<mce:script type="text/javascript" src="<%=basePath%></mce:script>

<mce:script type="text/javascript" src="<%=basePath%></mce:script>

<s:head theme="ajax" />

</head>

<body>

</div>

<s:form name="userForm" action="" method="post">

<s:textfield label="用户名" name="user.name" />

<s:textfield label="年龄" name="user.age" />

提交

</button>

</s:form>

</body>

</html>

6.在WebRoot目录下建立js文件件，将jquery.js文件放到文件夹下，然后再建立文件index.js

view plaincopy to clipboardprint?
$(document).ready(function() {

// 直接把onclick事件写在了JS中

$("button").click(function() {

// 序列化表单的值

var params = $("input").serialize();

$.ajax({

// 后台处理程序

url : "jsonAction.action",

// 数据发送方式

type : "post",

// 接受数据格式

dataType : "json",

// 要传递的数据

data : params,

// 回传函数

success : update_page

});

});

});

function update_page(result) {

var json = eval( "("+result+")" );

var str = "姓名:" + json.name + "<br />"; str += "年龄:"

+ json.age + "<br />";

$("#result").html(str);

}
$(document).ready(function() {