表结构：
CREATE TABLE IF NOT EXISTS `random` (
`id` int( 11 ) NOT NULL AUTO_INCREMENT ,
`name` varchar( 50 ) NOT NULL ,
PRIMARY KEY ( `id` )
) ENGINE = MYISAM DEFAULT CHARSET = utf8 AUTO_INCREMENT =1
Struts2.xml文件
<package name="json" extends="json-default" namespace="/random">
<global-results>
<result name="exception">/error.jsp</result>
</global-results>
<global-exception-mappings>
<exception-mapping exception="java.lang.Exception" result="exception" />
</global-exception-mappings>
<action name="json" method="jsonTest" class="randomAction">
<result type="json">
<param name="root">result</param>
</result>
</action>
</package>
ACTION
public String jsonTest(){
HttpServletRequest request = ServletActionContext.getRequest();
HttpServletResponse response = ServletActionContext.getResponse();
// HttpSession session = request.getSession();
String id = request.getParameter("flag");
List<RandomObj> objList = randomService.getRandomObj(Integer.parseInt(id));
JSONArray array = JSONArray.fromObject(objList);
this.result = array.toString();
System.out.println(result);
return Action.SUCCESS;
}
private String result;
public String getResult() {
return result;
}
public void setResult(String result) {
this.result = result;
}
JS
$(document).ready(function(){
var id = $("#flagId").val();
if(id == 50)
window.setTimeout(function(){selectData3()},0);
function selectData3(){
var id = $("#flagId").val();
$.ajax({
type: "POST",
url: "random/json.action",
dataType : "json",
data: "flag="+id,
success: function(result){
var json = eval( "("+result+")" );
var temp_html="";
$.each(json,function(i,n){
//alert(json[i].id+json[i].name);
if(i == 0){
$("#flagId").val(json[i].id);
}
temp_html += "<li>"+json[i].id+"========"+json[i].name+"</li>";
});
$("#aaa").after(temp_html);
}
});
}
window.setInterval(function(){selectData3()},60000);
})
JSP
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<SCRIPT language=javascript src="js/jquery-1.2.6.js"></SCRIPT>
<SCRIPT language=javascript src="js/myjson.js"></SCRIPT>
</head>
<body>
<a href="random/cache.action">cache</a>
<a href="json.jsp">json</a>
<a href="index.jsp">index.jsp</a>
<input type="hidden" id="flagId" name="flagId" value="50">
<div id="aaa" align="center" ></div>
</body>
</html>
分享到：
相关推荐
通过Struts2处理业务逻辑和验证，JSON作为数据交换格式，JQuery在客户端进行交互和验证，可以构建出响应快速、用户体验良好的Web应用。理解并熟练掌握这三个技术，对于提升Web开发能力非常有帮助。
本篇文章将详细讲解如何在Struts2中使用“json-default”拦截器来返回JSON数据。 首先，我们需要理解Struts2的拦截器（Interceptor）机制。拦截器是Struts2框架的核心组件之一，它们在Action执行前后执行特定的任务...
"Struts2+JSON+jQuery实现Ajax数据的存取"就是一个典型的示例，它结合了强大的MVC框架Struts2、轻量级的数据交换格式JSON以及高效的前端库jQuery，以实现网页上的无刷新数据交互。下面将详细介绍这三个技术及其在...
5. **处理JSON响应**：当Struts2返回JSON数据时，jQuery会自动解析这个响应。然后，我们可以使用这些数据来更新DOM元素，例如，填充表格、显示消息或创建动态图表。 6. **实例代码**：在实际应用中，可能会有一个...
在这个过程中，jQuery负责发起请求和处理响应，而Struts2在后端处理请求并返回JSON数据。当用户界面触发某个事件（比如点击按钮），jQuery会发起Ajax请求，Struts2 Action执行相关逻辑并生成JSON响应，最后jQuery将...
在提供的“Struts2-JsonJquery-lib”压缩包中，可能包含了Struts2的JSON插件和其他必要的库。通常，这些库包括`struts2-json-plugin`、`jquery`和可能的其他相关库，如`json-lib`或`json-simple`，它们帮助处理JSON...
Struts2、JSON和jQuery是Web开发中的三个关键组件，它们共同构成了现代Web应用程序的数据交互和用户界面增强的重要部分。本篇文章将详细讲解这三者如何协同工作，以实现高效、动态的Web应用。 首先，Struts2是一个...
然后，Struts2以JSON格式返回数据，这些数据被jQuery解析并填充到EasyUI组件中，更新页面显示。整个过程流畅、高效，极大地提升了用户体验。 总的来说，"Struts2，json，jquery_easyui项目框架"是利用这些技术构建...
这个插件允许开发者在Struts 2中轻松地创建能够返回JSON的Action，使得前端（通常使用JavaScript库如jQuery）可以获取到JSON数据并进行进一步处理。 现在我们来详细讨论这两个库在实际应用中的作用： 1. **json-...
通过Struts2的JSON插件处理后端数据，再用jQuery在前端解析并更新页面，可以构建出交互性强、用户体验优秀的Web应用。在实际开发中，还需要考虑错误处理、数据安全以及性能优化等问题，确保应用的稳定性和安全性。
Struts2、JSON和jQuery的集成是Web开发中常见的技术栈，主要目的是为了实现...通过AJAX，用户输入的数据能够异步提交到服务器，服务器处理后返回JSON数据，jQuery解析数据并在页面上显示结果，从而提供良好的用户体验。
Struts2是一个强大的MVC（模型-视图-控制...在"struts2+json+jquery"的页面整合中，首先，我们需要在Struts2的配置文件（struts.xml）中定义Action，这个Action将负责处理客户端的请求并返回JSON数据。例如： ```xml ...
收到后端返回的JSON数据后，jQuery可以解析这些数据，并根据验证结果向用户显示相应的反馈，比如使用弹窗或提示信息展示用户名是否可用。 在文件列表中的"JsonTest"可能包含了测试代码或者示例，它可能是用来演示...
Struts2框架以其强大的MVC架构能力，结合JSON数据交换标准以及jQuery库的灵活性，为构建动态、响应迅速的Web应用提供了坚实的基础。本文将深入探讨如何利用这三大技术实现Ajax登录与注册功能，从而提升用户体验并...
例如，在前端使用jQuery等库发起AJAX请求，获取或发送JSON格式的数据，而在后端，Struts2框架则能够无缝处理这些JSON数据，从而构建出响应迅速、用户体验优秀的Web应用。 综上所述，Struts2与JSON的整合不仅提升了...
Struts2的JSON插件正是为了方便开发者在Struts2框架中处理JSON数据而设计的。 首先，让我们深入了解JSON。JSON是一种独立于语言的数据交换格式，具有易于人阅读和编写，同时也易于机器解析和生成的特点。它的数据...
Struts2、JSON、JQUERY和AJAX是Web开发中常用的技术栈，它们结合使用...通过学习和理解这个DEMO，开发者可以了解到如何将Struts2、JSON、JQUERY和AJAX结合使用，实现前后端数据交互，这对于提升Web开发技能非常有帮助。
在回调函数中，接收到服务器返回的JSON数据后，可以使用jQuery的方法解析并更新DOM元素。 5. 数据处理：在jQuery的success回调函数中，可以使用`JSON.parse()`将JSON字符串解析为JavaScript对象，然后利用这些数据...
在这个项目中，JQuery可能被用来监听用户操作，如点击按钮，然后通过Ajax调用Struts2的Action，请求服务器返回JSON格式的数据。收到数据后，JQuery可以解析这些JSON数据，并将结果显示在网页上，如表格或列表，以...
确保这些库被添加到项目的类路径中，以便Struts2能够解析并返回JSON数据。 **二、编写页面** 在前端，我们需要一个使用Ajax的HTML页面。使用jQuery或其他JavaScript库可以简化Ajax请求的实现。例如，创建一个名为`...