通过异步请求返回json格式的数据，然后组装，在界面显示
import net.sf.json.JSONArray;
import net.sf.json.JSONObject;
import com.opensymphony.xwork2.ActionSupport;
public class JsonAjax extends ActionSupport {
private static final long serialVersionUID = -6745063993271552844L;
//返回json格式的数据
private String result;
/**
* 处理方法
* @return
* @throws Exception
* @create_time 2011-5-30 下午04:47:34
*/
public String jsonAjaxExample()throws Exception{
JSONObject obj=new JSONObject();
JSONObject obj1=new JSONObject();
obj.element("name", "yao");
obj.element("age", "20");
obj1.element("name", "laughing");
obj1.element("age", "5");
JSONArray array=new JSONArray();
array.add(obj);
array.add(obj1);
StringBuffer sb=new StringBuffer();
sb.append("{member:");
sb.append(array);
sb.append("}");
result=sb.toString();
return SUCCESS;
}
public String getResult() {
return result;
}
public void setResult(String result) {
this.result = result;
}
}
xml代码
<package name="json" extends="json-default">
<action name="jsonAjax" class="com.aicaipiao.ggtj.action.base.JsonAjax" method="jsonAjaxExample">
<!-- 返回类型为json 在json-default中定义 -->
<result name="success" type="json">
<!-- root的值对应要返回的值的属性 -->
<!-- 这里的result值即是 对应action中的 result -->
<param name="root">result</param>
</result>
</action>
</package>
html代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>json ajax example</title>
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#json").click(function(){
$.ajax({
url:"jsonAjax.html",
type:"post",
dataType:"json",
data:"",
error:function(){
},
success:function(data){
var value=eval("("+data+")");
var buf="" ;
//遍历json返回数据
$(value.member).each(function(i,mem){
buf+="<li>姓名:";
buf+=mem.name;
buf+="---年龄:";
buf+=mem.age;
buf+="</li>";
});
$("#jsonAjaxResult").append(buf);
}
});
});
});
</script>
</head>
<body>
<table>
<tr>
<td><input type="button" id="json" value="json例子" name="json"/></td>
</tr>
</table>
<div >
<ul id="jsonAjaxResult"></ul>
</div>
</body>
</html>
分享到：
相关推荐
在这个"struts2+jquery执行ajax并返回json类型数据"的示例中，我们将探讨如何通过Ajax技术在后台Struts2框架与前端jQuery库之间交换JSON格式的数据。 首先，Struts2是一个强大的MVC（Model-View-Controller）框架，...
当用户界面触发某个事件（比如点击按钮），jQuery会发起Ajax请求，Struts2 Action执行相关逻辑并生成JSON响应，最后jQuery将数据插入到网页中，完成一次完整的交互。 总结来说，这个例子展示了如何利用Struts2处理...
在这个"struts2+ajax+jquery"的主题中，我们将深入探讨如何利用Struts2、jQuery和Ajax技术实现Web页面的异步交互。 首先，Struts2作为MVC框架，它的核心是Action，它负责处理用户的请求，并通过配置的Result返回...
总结起来，"struts2+jquery+json+ajax"的例子展示了如何利用这些技术协同工作，实现一个无刷新的登录界面，提供流畅的用户体验。通过Struts2处理业务逻辑和数据验证，jQuery和Ajax负责前后端的通信，JSON作为数据...
"Struts2+JSON+jQuery实现Ajax数据的存取"就是一个典型的示例，它结合了强大的MVC框架Struts2、轻量级的数据交换格式JSON以及高效的前端库jQuery，以实现网页上的无刷新数据交互。下面将详细介绍这三个技术及其在...
- **Struts2的JSON插件**：虽然题目要求不使用JSON，但通常情况下，Struts2通过JSON插件返回数据给jQuery是最方便的方式。不过，我们可以通过设置Content-Type为"text/plain"或"text/html"，让Struts2返回非JSON...
Struts2、JSON、Ajax 和 jQuery 是Web开发中的四个关键技术，它们共同构建了现代Web应用程序的数据交互和用户界面交互的核心部分。 Struts2 是一个基于MVC（Model-View-Controller）架构的Java Web框架，它使得...
在Struts2框架下，我们可以使用Jquery的Ajax方法向服务器发送请求，获取JSON或XML数据，然后动态更新页面的部分内容。 在"06-mvc之struts2.ppt"中，可能涵盖了以下内容： 1. Struts2框架的基本概念和架构 2. 如何...
当用户选择省份后，jQuery会发送Ajax请求到服务器，服务器使用SSH框架处理请求，查询数据库并返回JSON格式的城市数据，最后jQuery解析JSON并在前端更新城市选择框。 总结来说，这个压缩包提供的示例是一个基于SSH...
在Struts2框架中整合Ajax以实现异步数据交互，JSON（JavaScript Object Notation）扮演了关键角色。JSON是一种轻量级的数据交换格式，它允许Web应用与服务器之间高效地传输数据，而无需进行繁琐的HTTP请求。在这个...
这个资源"struts2+json"显然涉及到在Struts2框架下实现JSON（JavaScript Object Notation）数据交换，这是一种轻量级的数据交换格式，广泛用于前后端交互，特别是AJAX（Asynchronous JavaScript and XML）请求。...
以上就是使用Struts2和jQuery实现Ajax请求并返回JSON数据的基本流程。通过这种方式，我们可以在不刷新整个页面的情况下，实现数据的异步加载和动态更新，提高用户体验。在实际项目中，可能还需要考虑错误处理、数据...
在jQuery中，$.ajax()方法是进行Ajax请求的主要方式，它可以发送JSON、XML或其他数据格式的请求，并处理服务器返回的数据。 **JSON** (JavaScript Object Notation) 是一种轻量级的数据交换格式，易于人阅读和编写...
例如，当用户在前端进行某些操作（如点击按钮），jQuery会发送Ajax请求到Struts2的Action，Struts2处理请求并以JSON格式返回响应，jQuery接收到数据后动态更新页面元素，如表格、列表或其他UI组件。 在实际应用中，...
2. "struts2-json-plugin-2.1.8.1.jar" 是Struts2的JSON插件，它扩展了Struts2，使其支持JSON格式的Action结果和请求参数。 3. "jsonplugin-0.34.jar" 和 "jsonplugin-0.32.jar" 可能是其他与JSON处理相关的库或插件...
这个教程可能详细介绍了如何集成这四者，比如设置Struts2的JSON插件，创建Action来返回JSON数据，编写jQuery代码来发送Ajax请求，以及如何在前端解析和显示JSON数据。通过学习和实践这个例子，开发者可以深入理解...
在"struts2+ajax+easyui+json+datagrid"的场景中，Struts2主要负责处理用户的请求，执行业务逻辑，并返回相应的响应数据。 **Ajax** (Asynchronous JavaScript and XML) 是一种在无需刷新整个页面的情况下更新部分...
结合实例，"struts2+jQuery+json 实例"很可能是创建了一个Web应用，用户在前端通过jQuery发送AJAX请求，这些请求可能包含表单数据或者对页面的某些操作。后端Struts2框架接收到请求后，会调用相应的Action执行业务...
请求会发送到Struts2的Action，Action处理后返回JSON数据，这些数据再由jQuery解析并更新页面的DOM元素，实现条件查询、增删查改等功能。 总结来说，这个"ProductSystem"项目通过整合Struts2、jQuery、JSON和Ajax...