`
yaozhiqiang109
  • 浏览: 117004 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

AJAX异步请求返回JSON格式的数据(struts2+JQuery+JSON)

阅读更多

通过异步请求返回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>
 

 

1
2
分享到:
评论

相关推荐

    struts2+jquery执行ajax并返回json类型数据(源码)

    一个简单的demo,实现了struts2+jquery执行ajax异步请求并返回json类型数据的实例,代码中附有注释,简单易懂。 基于eclipse开发,导入到eclipse即可运行。

    struts2+ajax+jquery

    这圣思园张老师的一个上课演示文件,讲的是struts2+jquery+Ajax实现异步交互的简单例子。

    Struts2+Spring+Hibernate+Ehcache+AJAX+JQuery+Oracle 框架集成用户登录注册Demo工程

    3.Ajax无刷新异步调用Struts2,返回Json数据,以用户注册为例。 4.在服务端分页查询功能,优点:实时性:跳页才查询。数据量小:只加载当前页的记录进行显示。 5.单数据源配置(兼容Tomcat和Weblogic)。 6.Hibernate...

    JQuery,JSON,Struts2实现Ajax异步请求

    讲述了JQuery,JSON,Struts2实现Ajax异步请求

    Struts2之ajax初析的并结合jquery一个例子

    Struts2之ajax初析的并结合jquery一个例子 Web2.0的随波逐流,Ajax那是大放异彩,Struts2框架自己整合了对Ajax的原生支持...首先不谈Struts2的原生支持,我们自己写一个ajax示例,使用异步请求,直接请求action动作:

    Struts2JQueryJson

    Struts2+JQuery+Json(Ajax) ajax异步加载对象数据

    整合jquery+json+struts2异步提交实例

    自己整理的jquery+json+struts2异步传输的例子,包括异步提交form,异步传输json对象。

    jQuery+json异步实现JSP和struts2之间的数据传递

    一个jquery+json 数据传递的 实例工程,代码注释详细,很适合 初学者,这是我帮老弟打的,希望可以帮到其他人

    Jquery struts2 json 实现ajax

    NULL 博文链接:https://huibin.iteye.com/blog/586035

    struts2 Ajax json Jquery demo

    使用JQuery传递数据到struts action ,并返回JSON对象数据,在JQuery回调函数解析数据的,Ajax异步处理的小测试

    异步校验jquery-ajax

    本工程有两种ajax异步校验注册时输入的username是否与数据库中的值重复,通过mybatis实现数据库,通过servlet或者struts2实现控制层,通过ajax,jquery,json,实现异步校验

    JqueryDemo

    学习Struts2 + Ajax + Jquery + Json是非常有必要的,这里给出具体的代码,每一步都是非常详细的,帮助大家快速了解异步获取数据的过程。你值得拥有!

    jQuery ajax请求struts action实现异步刷新

    这个样例是用JQuery ajax和struts来做的一个小样例,在这个样例中采用两种方式将java Util中的list转换成支json的格式,第一种是用json-lib.jar这个jar包来转换,第二种是采用goole的gson-2.1.jar来转换,大家可以...

    jquery之ajaxfileupload异步上传插件(附工程代码)

    点我下载工程代码 由于项目需求,在处理文件... 所需环境: jquery.js ajaxfileupload.js struts2所依赖的jar包 及struts2-json-plugin-2.1.8.1.jar 编写文件上传的Action 代码如下: package com.ajaxfile.action; imp

    达内Java培训项目(当当网/通用电子商务系统)

    技术实现:Struts2、JSP、MySQL、Jquery、Javascript、Ajax 、Json、JUnit 项目描述: 本项目主要实现了用户管理模块、商品分类展示模块、购物车模块、订单模块。 用户管理模块实现了用户注册、实时验证、用户登录...

    jquery ajaxfileupload异步上传插件

    及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

    SYPRO示例项目源码和EasyUI入门视频教程

    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....

    JAVA上百实例源码以及开源项目

    2个目标文件,FTP的目标是:(1)提高文件的共享性(计算机程序和/或数据),(2)鼓励间接地(通过程序)使用远程计算机,(3)保护用户因主机之间的文件存储系统导致的变化,(4)为了可靠和高效地传输,虽然用户...

    Java学习笔记-个人整理的

    \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}{...

    Java面试宝典2020修订版V1.0.1.doc

    3、列举javaScript的3种主要数据类型,2种复合数据类型和2种特殊数据类型。 24 4、谈谈你的JS的理解? 24 5、ajax的优点? 25 6、简述一下ajax调试代码查找错误的方法? 26 7、简述ajax中Js脚本缓存问题该如何解决?...

Global site tag (gtag.js) - Google Analytics