今天写程序,用到了ajax,json。
具体的功能如下:
选择一个工程师组,根据其ID通过AJAX方式查询组中的工程师,返回工程师(id,name)列表,遍历此列表,在一个div中以checkbox的形式展示组中的工程师,以供多选。
为了方便,我首先想到了使用json的形式返回数据,之前就对json很崇拜,不过一直没有机会使用。呵呵,下面就具体的写一下过程及个人认为应注意的地方,如有错误或更好的改进方法,还请提出,谢谢。
1,环境:struts2 + jquery + json
2,jar,主要是json的jar包,
jsonplugin-0.34.jar,其他的struts2就不说了
3,实现:
js部分略(其实就是jquery的普通写法)
struts2的action实现部分
private List<Engineer> engineerList;
public void setEngineerList(List<Engineer> engineerList){
this.engineerList = engineerList;
}
public List<Engineer> getEngineerList(){
return this.engineerList;
}
public String queryEngineersByGroupId(){
//通过service方法查询出工程师列表(queryList),并放入engineerList中
this.setEngineerList(queryList);
return SUCCESS;
}
struts2 xml配置部分
<package name="jsonpackage" extends="json-default" namespace="/json">
<action name="queryEngineersByGroupId"
class="actionTest"
method="queryEngineersByGroupId">
<result type="json">
<param name="includeProperties">
engineerList\[\d+\]\.id,
engineerList\[\d+\]\.name
</param>
</result>
</action>
</package>
js回调函数部分
function queryEngineersByGroupIdCallBack(data){
var engineers = eval( "(" + data + ")" );
var len = engineers.engineerList.length;
for(var i = 0 ; i < len ; i ++){
$("#divId").append("<input type='checkbox'
name='engineerchk' value='"
+ engineers.engineerList[i].id
+ "'/>"
+ engineer.engineerList[i].name);
}
}
注:红色部分是我认为需要主要的地方。
分享到:
相关推荐
在Struts2中,JSON(JavaScript Object Notation)的使用极大地增强了与前端JavaScript进行异步交互的能力,使得AJAX(Asynchronous JavaScript and XML)应用变得更加简单。在Struts2中集成JSON,我们可以实现将...
Struts2是一个流行的Java web应用程序框架,用于构建和维护可扩展、高效且易于管理的企业级应用。JSON(JavaScript Object Notation)则是一种轻量级的数据交换格式,它使得客户端和服务器之间的数据传输变得简单...
通过Struts2处理后端逻辑并返回JSON数据,EXTJS能够动态地更新页面,呈现复杂的数据结构,从而提高用户体验。这种技术栈在现代企业级Web开发中非常常见,因为它能够简化数据交互,同时保持良好的性能和可维护性。
在Struts2中,JSON插件允许我们在Action中返回JSON格式的数据,以便于JavaScript进行异步处理。要使用JSON插件,你需要下载并添加相应的JAR文件到项目的类路径中,例如`jsonplugin-0.33.jar`和其他Struts2的核心库。...
在Struts2框架中,返回JSON对象是一种常见的数据传输方式,特别是在前后端分离的开发模式下。JSON(JavaScript Object Notation)是一...这样,Struts2通过JSON返回数据,既方便了数据传递,又提高了前后端交互的效率。
2. **Struts2与JSON**:Struts2框架通过Action类和Result类型来处理用户请求并返回响应。为了返回JSON数据,我们需要配置一个专门处理JSON的Result类型。Struts2提供了一个名为`json`的Result插件,它可以将Action的...
总结来说,这个例子展示了如何利用Struts2处理后端业务逻辑,使用JSON作为数据交换格式,以及通过jQuery在前端实现动态更新和与服务器的异步通信。了解和掌握这三个工具的整合使用,对于提升Web开发效率和用户体验...
此外,我们还需要启用Struts2的JSON插件,确保框架能够正确处理JSON结果。 在前端,我们可以使用JavaScript(可能配合jQuery或其他库)来监听按钮的点击事件,然后发送Ajax请求到服务器。请求成功后,接收到的JSON...
在Struts2中,JSON(JavaScript Object Notation)被广泛用于在服务器端和客户端之间传输数据,因为JSON格式轻量级、易于解析且兼容性好。以下是你在使用Struts2集成JSON时需要注意的一些关键知识点: 1. **引入...
为了演示如何使用Struts2+JSON返回单个对象,我们首先定义一个简单的JavaBean类`Users`,它包含用户的基本信息: ```java package com.jsontostruts2.vo; public class Users { private Integer userId; private...
本篇将详细介绍如何在Struts2中使用JSON返回对象和列表。 首先,要使用Struts2的JSON支持,你需要下载并引入相应的依赖库。这包括Struts2的核心库、JSON插件和其他相关依赖,例如OGNL(Object-Graph Navigation ...
Struts2返回JSON对象是一种常见的做法,特别是在构建Web应用程序时,需要与前端进行异步通信,比如实现Ajax功能。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器...
在"struts2+json省市区级联显示"这个项目中,我们看到主要功能是通过Struts2框架与JSON数据配合,实现在用户选择省份时,无需刷新页面就能动态加载并显示对应的市、区级联列表。这种级联选择通常用于地址填写或者...
Struts2JQueryJson是一个基于Struts2框架的项目,主要展示了如何在前端使用JQuery库来处理由后台返回的JSON格式数据。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也方便...
Struts2是一个流行的Java web框架,它允许开发者构建动态、数据驱动的Web应用程序。在现代Web开发中,JSON(JavaScript ...通过这样的设置,开发者可以在Struts2应用中方便地处理JSON数据,提高前后端交互的效率。
可能包括了与服务器进行交互的函数,以及处理Struts2返回的JSON数据以更新前端UI的部分。 【详细知识点】 1. **AJAX**:AJAX使得前端可以向后台发送异步请求,获取数据后动态更新DOM元素,实现页面的局部刷新,...
jsp通过Ajax无刷新获取Action返回的模拟数据,然后通过struts2转化成json数据返回页面....这里面Map,List,对象等等,一些常用的操作都有。主要的代码在Action和 json.js里面。适合新手入门