通过异步请求返回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>
分享到:
相关推荐
一个简单的demo,实现了struts2+jquery执行ajax异步请求并返回json类型数据的实例,代码中附有注释,简单易懂。 基于eclipse开发,导入到eclipse即可运行。
这圣思园张老师的一个上课演示文件,讲的是struts2+jquery+Ajax实现异步交互的简单例子。
3.Ajax无刷新异步调用Struts2,返回Json数据,以用户注册为例。 4.在服务端分页查询功能,优点:实时性:跳页才查询。数据量小:只加载当前页的记录进行显示。 5.单数据源配置(兼容Tomcat和Weblogic)。 6.Hibernate...
讲述了JQuery,JSON,Struts2实现Ajax异步请求
Struts2之ajax初析的并结合jquery一个例子 Web2.0的随波逐流,Ajax那是大放异彩,Struts2框架自己整合了对Ajax的原生支持...首先不谈Struts2的原生支持,我们自己写一个ajax示例,使用异步请求,直接请求action动作:
Struts2+JQuery+Json(Ajax) ajax异步加载对象数据
自己整理的jquery+json+struts2异步传输的例子,包括异步提交form,异步传输json对象。
一个jquery+json 数据传递的 实例工程,代码注释详细,很适合 初学者,这是我帮老弟打的,希望可以帮到其他人
NULL 博文链接:https://huibin.iteye.com/blog/586035
使用JQuery传递数据到struts action ,并返回JSON对象数据,在JQuery回调函数解析数据的,Ajax异步处理的小测试
本工程有两种ajax异步校验注册时输入的username是否与数据库中的值重复,通过mybatis实现数据库,通过servlet或者struts2实现控制层,通过ajax,jquery,json,实现异步校验
学习Struts2 + Ajax + Jquery + Json是非常有必要的,这里给出具体的代码,每一步都是非常详细的,帮助大家快速了解异步获取数据的过程。你值得拥有!
这个样例是用JQuery ajax和struts来做的一个小样例,在这个样例中采用两种方式将java Util中的list转换成支json的格式,第一种是用json-lib.jar这个jar包来转换,第二种是采用goole的gson-2.1.jar来转换,大家可以...
点我下载工程代码 由于项目需求,在处理文件... 所需环境: jquery.js ajaxfileupload.js struts2所依赖的jar包 及struts2-json-plugin-2.1.8.1.jar 编写文件上传的Action 代码如下: package com.ajaxfile.action; imp
技术实现:Struts2、JSP、MySQL、Jquery、Javascript、Ajax 、Json、JUnit 项目描述: 本项目主要实现了用户管理模块、商品分类展示模块、购物车模块、订单模块。 用户管理模块实现了用户注册、实时验证、用户登录...
及struts2-json-plugin-2.1.8.1.jar 编写文件上传的Action package com.ajaxfile.action; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import org.ap
sshe示例程序(struts2+spring3+hibernate4+easyui)(Maven构建) easyui1.2.6整站文件.zip jquery1.7.2中文API修正版.chm jquery.easyui-1.2.5源码未压缩版.rar jquery-easyui-1.2.6.zip JQuery-esqyUI中文-1.2.5API....
2个目标文件,FTP的目标是:(1)提高文件的共享性(计算机程序和/或数据),(2)鼓励间接地(通过程序)使用远程计算机,(3)保护用户因主机之间的文件存储系统导致的变化,(4)为了可靠和高效地传输,虽然用户...
\contentsline {chapter}{Contents}{2}{section*.1} {1}Java基础}{17}{chapter.1} {1.1}基本语法}{17}{section.1.1} {1.2}数字表达方式}{17}{section.1.2} {1.3}补码}{19}{section.1.3} {1.3.1}总结}{23}{...
3、列举javaScript的3种主要数据类型,2种复合数据类型和2种特殊数据类型。 24 4、谈谈你的JS的理解? 24 5、ajax的优点? 25 6、简述一下ajax调试代码查找错误的方法? 26 7、简述ajax中Js脚本缓存问题该如何解决?...