`
quzhan87com
  • 浏览: 55345 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

jquey的ajax和java应用json

阅读更多
不刷新页面的情况下,刷新页面数据异步调用(ajax)很不错,但有时候要传回一个对象json是个不错的选择
首先jsp页面ajax的调用:
	$.ajax({
  	   	type: "POST",
       	url: "/pages/om/listFan.action",
       	data: "jsonReq=jsonGraphic",
       	dataType : "json",
       	error: function(data,transport){ 
       		alert("获取数据失败,请联系管理员!");
       	},
      	success: function(data){
       		$("#gather").html(data.gather);
       		$("#totalCap").html(data.totalCap);
       		$.each(data.fans,function(i,fan){
	       	   alert(fan.id);
	       	});
        }
    });

上面这段是用jquery写的,看完下面的action的java类就明白上面的写法了
listFanAction的类的只要内容:
StringBuilder jsonTXT = new StringBuilder();
jsonTXT 这个就是我们需要返回的json串,来看看我们对他的构造
jsonTxT的最终数据格式:
{"gather":value[0],"totalCap":value[1],"fans":[{"id":value[2]},{"id":value[2]}]}
只要我们能把我们需要的数据构造成上述格式就能在页面像我们用java对象一样取数据了,
最后我们还需要用:
ServletActionContext.getResponse().setContentType("text/html;charset=utf-8");
				PrintWriter writer = this.getResponse().getWriter();
				writer.write(jsonTXT.toString());
				writer.flush();
				writer.close();
				return null;

这部分代码将我们构造好的json串返回到界面就可以了,注意到了没?上面js写的的data.gather就是我们拼接的"gather",而alert(fan.id);就是循环显示的内容,这个就是类似于我们java的Bean对象中的属性Bean对象一个理解意思。
上面就是我应用json的示例,有什么问题敬请指教!
分享到:
评论

相关推荐

    项目组管理系统,Java+json+jQuery+ajax

    总结起来,这个【项目组管理系统】结合了Java的稳定性和强大的功能,利用JSON进行数据交换,借助jQuery简化前端开发,并通过Ajax提供流畅的用户体验。对于想要学习Web应用开发的人来说,这是一个很好的实践案例,...

    Ajax-json.rar_JSON_ajax json_java Jquery ajax_javascript_json aj

    在提供的"Ajax-json.rar"压缩包中,可能包含了一些使用jQuery的AJAX和JSON的示例代码,这可以帮助学习者理解如何在实际项目中应用这些技术。通过分析和运行这些示例,你可以深入理解AJAX和JSON在Web开发中的实际运作...

    ajax调用java传送json的小例子

    主要是用到jquery的ajax,java中的hibernate4的调用mysql数据和struts2地址重定向,并把数据转换成json数据,经过html页面中的javascript调用后台数据,有添加,修改,删除,查询等简单功能,适用于有ajax初学者,...

    Jquery ajax json 总结

    JQuery AJAX 和 JSON 是在 Web 开发中处理异步数据传输和数据格式化的重要工具。本文将深入探讨这两个概念以及它们在实际应用中的使用方法。 首先,JQuery 的 AJAX(Asynchronous JavaScript and XML)功能允许...

    jQuery中ajax请求后台返回json数据并渲染HTML的方法

    jQuery中的AJAX请求是一种非常常见的前端异步数据交互方式,它的作用是使得页面无需重新加载即可向服务器请求数据,并将数据动态地加载到页面中。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它...

    ajax+json实例

    AJAX+JSON在.NET环境中的应用大大提高了Web应用程序的交互性和效率,减少了不必要的页面刷新,提升了用户体验。通过理解并熟练掌握AJAX的异步通信机制以及JSON的数据交换格式,开发者能够构建出更加高效、流畅的Web...

    jquery与java交互通过json传递数据的经典实例

    这个经典实例展示了jQuery、AJAX、Java和JSON在Web开发中的协同工作,通过这种方式,前端和后端可以高效地交换数据,实现动态更新页面而无需刷新整个页面,提升了用户体验。学习并熟练掌握这些技术对于成为一名优秀...

    json.rar_JSON_JSON java_ajax json_jquery json jar_json-lib-2.2.2

    在给定的“json.rar”压缩包中,包含了六个jar包,这些jar包主要用于Java环境下的JSON处理,特别是与jQuery进行AJAX(Asynchronous JavaScript and XML)通信时。AJAX允许网页在不重新加载整个页面的情况下与服务器...

    SSH1,JQuery的ajax返回json二维数组处理过程

    总结来说,这个例子展示了如何结合SSH1和jQuery AJAX处理JSON二维数组,实现菜单联动下拉框以及附加的查看详情功能。整个流程包括前端的AJAX请求、后端的JSON数据处理以及UI交互逻辑。理解这些技术对于开发复杂的Web...

    jquery的ajax传json对象数组到struts2的action

    在Web开发中,jQuery的AJAX功能经常被用于与服务器进行异步数据交换,而Struts2作为一款流行的Java Web框架,提供了处理前端请求的能力。本文将深入探讨如何使用jQuery的AJAX方法发送JSON对象数组到Struts2的Action...

    传统Ajax和JqueryAjax操作Json对比案例

    本案例主要对比了传统Ajax和JqueryAjax在处理JSON数据时的区别和用法,这对于理解和优化Web应用的交互体验至关重要。 1. **传统Ajax操作JSON** 传统Ajax操作JSON通常涉及到以下几个步骤: - 创建XMLHttpRequest...

    jquery ajax servlet json简单demo

    【Demo流程】在这个"jquery ajax servlet json简单demo"中,我们可以预期以下流程: 1. 客户端(浏览器)的JavaScript代码使用jQuery的AJAX函数发起请求,请求可能包含一些参数,格式化为JSON。 2. 请求被发送到...

    Struts+Jquery+Ajax+Json应用实例

    Struts、jQuery、Ajax以及JSON是Web开发中的四个关键技术,它们在构建动态、交互式的Web应用程序中发挥着重要...这就是Struts、jQuery、Ajax和JSON在实际应用中的典型整合,实现了前后端的无刷新通信,提高了用户体验。

    Jquery+ajax+json+servlet

    在IT行业中,`jQuery`、`Ajax`、`JSON` 和 `Servlet` 是四个非常重要的技术,它们在构建现代Web应用程序中发挥着关键作用。让我们深入探讨这些技术及其相互之间的结合。 首先,`jQuery` 是一个高效、轻量级的...

    Highcharts AJAX后台JAVA JSON 曲线报表完美可运行例子 不包含官方JS 自己下载

    在这个"Highcharts AJAX后台JAVA JSON 曲线报表完美可运行例子"中,我们将探讨如何结合Java后端和JSON数据格式,通过AJAX技术在网页上展示动态曲线报表。 首先,`index_lineAjax.htm`是前端HTML文件,它包含了...

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

    Struts2和jQuery是Web开发中的两个重要框架,它们结合使用可以实现动态、交互式的用户界面。...通过理解和实践这个示例,开发者可以进一步掌握Ajax通信和JSON数据交换的基本技巧,这对于开发现代Web应用至关重要。

    java程序使用jquery AJAX

    通过编写前端的jQuery AJAX请求和后端的Java处理逻辑,你可以创建动态、高效的Web应用程序。在开发过程中,记得利用源码管理和版本控制工具(如Git),以及各种开发工具,以提高开发效率和代码质量。

    Struts2 与Jquery Ajax的json数据交换的典型范例

    总结,Struts2和jQuery的Ajax JSON数据交换涉及以下几个关键步骤:配置Struts2的JSON插件,编写返回JSON数据的Action,使用jQuery发起Ajax请求并处理返回的JSON数据。通过这种方式,可以实现客户端与服务器之间的...

    Servlet利用Ajax,JQuery交互Json

    在现代Web开发中,Servlet、Ajax、JQuery和Json是不可或缺的技术组件,它们共同构建了高效、动态的用户界面。让我们深入探讨这些技术及其在实际应用中的交互。 Servlet是Java Web开发中的一个核心部分,它是一种...

Global site tag (gtag.js) - Google Analytics