需要使用的框架
spring3.0
jquery(简化ajax开发的js库)
fastjson(操作json的超级轻量级框架,方便,简单,灵活,提供json对象和字符串、java引用对象、集合、数组之间的转换)
Jackson(json处理器)
1.Control类
import java.io.IOException;
import java.io.PrintWriter;
import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;
import com.alibaba.fastjson.JSONObject;
/**
* 根据班级ID查询教师
* 输出json格式的对象集合,Ajax实现
* @author:qiuchen
* @createTime:2012-6-14
* @param teacherName
* @return
*/
@RequestMapping("/findTeaByCls")
public ModelAndView findTeacherByCls(int clsId,HttpServletRequest request, HttpServletResponse response){
List<Teacher> tempList = new ArrayList<Teacher>();
//根据班级ID查询教师列表
List<Teacher> teacherList = this.teacherService.findByClsId(clsId);
//封装id和name属性
for (Teacher t : teacherList) {
t.setClassesList(null);
tempList.add(t);
}
//创建JSON对象
JSONObject object = new JSONObject();
object.put("tList",teacherList);
//设置响应类型
response.setContentType("text/Xml;charset=gbk");
PrintWriter writer = null;
try {
//获取输出流
writer = response.getWriter();
writer.print(object.toString());
} catch (IOException e) {
e.printStackTrace();
} finally{
if(writer != null){
writer.close();
}
}
return null;
}
2.JS
/*
* 查询班级的老师
*/
function findTeaByCls(clsId){
document.getElementById("teacher").innerHTML = "";
var url = "${ctx}/manage/teacher/findTeaByCls.do?clsId="+clsId;
$.ajax({type:"POST", url:url,dataType:"text", success:function(datas) {
var l = datas;
//eval()函数计算出tList是json对象(========纠结============)
var a = eval('('+l+')');
/*
* alert(l);
* alert(a);
* alert(a.tList.length);
* alert(a.tList[0].id);
* alert(a.tList[0].name);
*/
for(var i=0,size=a.tList.length;i<size;i++){
document.getElementById("teacher").innerHTML += a.tList[i].name+" ";
}
}});
}
分享到:
相关推荐
SpringMVC中使用JSON传递数据时用的jar包
myeclipse平台,springMvc框架下利用json实现数据传递
ajax向springmvc传递json,
SpringMVC通过@ResponseBody传送json字符串到客户端,实现了REST接口远程调用功能,demo中使用的版本为spring3.2,代码中用到了注解,代码直接部署运行,已经通过测试(如在浏览器中输入...客户端返回后台传递的json格式数据)
NULL 博文链接:https://mryangjw.iteye.com/blog/1772422
springmvc jquery ajax json 异步传递数据 springmvc异步传递请求 已包含全部源代码实现 把jar包放入 然后新建文件 配置xml !!!!! 全部资源
这是一个 spring mvc 框架 封装了 前台表单转成json数据 传递到后台 控制层 接收 json 数据,可以支持批量添加数据的功能。
json作为一种轻量级的数据交换格式,在前后台数据交换中占据着非常重要的地位,这篇文章主要介绍了springMVC框架下JQuery传递并解析Json数据,有兴趣的可以了解一下。
json作为一种轻量级的数据交换格式...Json的语法非常简单,采用的是键值对表示形式,本文给大家介绍SpringMVC框架下JQuery传递并解析Json格式的数据是如何实现的,对spring mvc ajax json相关知识感兴趣的朋友一起学习吧
RESTFUL + SPRINGMVC + C3P0连接池 的完美实现. 传递json数据到springmvc自动转为obj。obj传前台可直接转换为json。 rest配置文件内 修改,可同理兼容 JSON XML AMF 或其他各种。
本文介绍了springmvc和js前端的数据传递和接收方式(两种),详细的介绍了两种方式,一种是json格式传递,另一种是Map传递,具有一定的参考价值,有兴趣的可以了解一下
使用springmvc的完整管理系统,前端使用Bootstrap框架,利用json传递数据,实现了前后端分离
postman工具配置和数据准备: 1)在地址栏输入测试IP地址和端口号已经对应的接口地址; 2)在Headers一栏添加参数Content-Type=application/json;...服务器接口配置:已springmvc来说明: controller类对象上
文件里面代码是一个很实用的jquery文件树形结构菜单,适用于适用springmvc框架,从后台传递json数据,并展示为树形结构菜单页面,欢迎朋友们下载
我使用的Springmvc,在controller层传输一个json到前台,后台显示没问题,中文正常显示而到了前台 中文就变成了问号。 后来发现,因为在controller中返回json用了@ResponseBody,而spring源码中@ResponseBody 的实现...
前后端交互主要前端使用微信小程序中ajax请求,即wx.request以json格式向后台传递数据。后端接收后进行相应处理。 小程序功能 # 信息页 主要是根据服务类型进行服务项目的展示,用户点击服务项目可以查看项目...
该系统采用远程调用的方式,访问接口对数据库实现操作,数据形式一般以json格式传递,还实现了excel的导出(jxl)导入(poi)的基本功能(上传采用的是plupload插件)。页面采用sitemesh。
今天小编就为大家分享快速解决SpringMVC @RequestBody 用map接收请求参数的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
单纯的同步传递数据已经变得非常少了。大多数都是通过Ajax异步来传递数据的。因此在这里用SpringMVC+Ajax做一个简单的小例子,同时辅助以拼接字符串显示。希望能为大家带来帮助。 本次案例的配置仍然是在上一篇...