$.ajax({ type: "POST", dataType: "json", url: "updateStatus.action", data: "ID="+id+"&status="+status+"", success: function(data){ } });
上面是一个简单的Jquery的Ajax的例子:我们用Ajax主要是用于页面的局部刷新,当返回值是Json数据时会好操作,要返回值是Json有两种方法。
- 在Strut 的配置文件中配置返回值类型:
<package name="xjfcThirdEdition" extends="json-default"> <action name="luckStakeAction" class="com.xingkongyongheng.web.action.stake.StakeSsq" method="singleStakeSsq"> <result type="json"></result> </action> </package>
2.在action中直接返回json 的数据类型的字符串:
1.)如果是一个对象或者几个值:
HttpServletResponse response=ServletActionContext.getResponse(); response.setCharacterEncoding("UTF-8"); response.setContentType("text/plain"); PrintWriter out; String ret="{\"type\":\""+type+"\",\"msg\":"+msg+"}"; try{ out=response.getWriter(); out.print(ret); out.flush(); }catch(IOException e){ log.error(e.getMessage(),e.fillInStackTrace()); }
2.)返回一个对象的List:
String msg = JSONArray.fromObject(list).toString(); HttpServletResponse response=ServletActionContext.getResponse(); response.setCharacterEncoding("UTF-8"); response.setContentType("text/plain"); PrintWriter out; try{ out=response.getWriter(); out.print("{\"msg\":"+msg+"}");
out.flush(); }catch(IOException e){ log.error(e.getMessage(),e.fillInStackTrace()); }
这个的思路就是先把list通过Gson架包的方法转换成json字符串,返回到页面
相关推荐
jQuery中的AJAX请求是一种非常常见的前端异步数据交互方式,它的作用是使得页面无需重新加载即可向服务器请求数据,并将数据动态地加载到页面中。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它...
jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换...
总之,jQuery的AJAX功能配合JSON数据格式,提供了一种强大而灵活的方式来实现前端和后端的通信,使动态网页应用程序变得更加高效和用户友好。正确理解和使用这些工具,可以显著提升你的Web应用性能。
在这个"struts2+jquery执行ajax并返回json类型数据"的示例中,我们将探讨如何通过Ajax技术在后台Struts2框架与前端jQuery库之间交换JSON格式的数据。 首先,Struts2是一个强大的MVC(Model-View-Controller)框架,...
本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例,实现前端通过jQuery Ajax传输json到后端,后端接收json,对json进行处理,后端返回一个json给前端,有兴趣的可以了解一下。
总结来说,这个例子展示了如何结合SSH1和jQuery AJAX处理JSON二维数组,实现菜单联动下拉框以及附加的查看详情功能。整个流程包括前端的AJAX请求、后端的JSON数据处理以及UI交互逻辑。理解这些技术对于开发复杂的Web...
本教程将深入探讨如何使用jQuery通过Ajax处理JSON格式的数据。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成,是Web服务和客户端之间交换数据的常用...
本篇文章将详细讲解如何利用jQuery的jsonp方法实现Ajax跨域请求,以及如何在服务器端使用.Net的*.handler和WebService来返回JSON数据。 首先,理解JSONP的基本原理。JSONP是一种非官方的协议,通过动态创建`...
PHP 基于 jQuery 的 Ajax 技术传递 JSON 数据简单实例 本文主要介绍了 PHP 基于 jQuery 的 Ajax 技术传递 JSON 数据方法,以完整实例形式分析了 PHP 基于 jQuery 的 Ajax 无刷新提交数据实现方法。下面是详细的知识...
JQuery AJAX 和 JSON 是在 Web 开发中处理异步数据传输和数据格式化的重要工具。本文将深入探讨这两个概念以及它们在实际应用中的使用方法。 首先,JQuery 的 AJAX(Asynchronous JavaScript and XML)功能允许...
总结,Struts2和jQuery的Ajax JSON数据交换涉及以下几个关键步骤:配置Struts2的JSON插件,编写返回JSON数据的Action,使用jQuery发起Ajax请求并处理返回的JSON数据。通过这种方式,可以实现客户端与服务器之间的...
关于"jQuery读取json数据"这个主题,我们将会深入探讨如何利用jQuery的Ajax功能来高效地加载和解析JSON格式的数据,以及这样做带来的优势。 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于...
以上就是使用Struts2和jQuery实现Ajax请求并返回JSON数据的基本流程。通过这种方式,我们可以在不刷新整个页面的情况下,实现数据的异步加载和动态更新,提高用户体验。在实际项目中,可能还需要考虑错误处理、数据...
在探讨如何利用jQuery的AutoComplete插件结合Ajax与JSON数据实现自动补全功能之前,我们首先需要理解几个关键概念:jQuery、Ajax、JSON以及AutoComplete。 ### jQuery简介 jQuery是一款快速、简洁的JavaScript库,...
在这个示例中,我们看到一个使用jQuery和Ajax实现的功能,该功能根据特定条件从JSON文件中读取数据并将其显示在网页上。这个功能可能用于一个在线测试或学习平台,它能根据时间(TestTime)和题号(Number)来加载...
通过以上的知识点,可以了解到在Jquery Ajax异步处理JSON数据的过程中,开发者需要了解前端如何发送请求、指定期望的响应数据类型、以及如何在回调函数中处理服务器返回的JSON格式数据。这种机制使得Web应用可以提供...
本案例主要对比了传统Ajax和JqueryAjax在处理JSON数据时的区别和用法,这对于理解和优化Web应用的交互体验至关重要。 1. **传统Ajax操作JSON** 传统Ajax操作JSON通常涉及到以下几个步骤: - 创建XMLHttpRequest...
通过以上分析,我们不仅理解了如何使用jQuery的Ajax功能读取JSON文件,还深入了解了JSON文件的结构以及如何在JavaScript中解析和展示这些数据。这种方法对于构建动态网站、实现用户界面的实时更新具有重要意义。掌握...
**Ajax技术** Ajax,全称为Asynchronous JavaScript and XML(异步...通过Ajax请求获取JSON数据,并在页面上进行解析和渲染,可以在不刷新整个页面的情况下完成数据的更新,提升用户界面的响应速度和用户体验。
jQuery的Ajax方法常用于从服务器获取JSON数据,实现页面动态更新。例如,使用`$.getJSON()`获取JSON数据并更新页面: ```javascript $.getJSON('data.json', function(data) { var html = ''; $.each(data.items,...