springmvc与ajax传递单个对象代码、map形式数据，前端显示数据代码

最新推荐文章于 2025-06-05 21:01:51 发布

渴望飞的鱼

最新推荐文章于 2025-06-05 21:01:51 发布

阅读量5.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javaWeb 文章标签： ajax spring mvc 对象数据 jsp

本文链接：https://blog.youkuaiyun.com/qq_36411874/article/details/72817764

javaWeb 专栏收录该内容

158 篇文章

订阅专栏

本文介绍了如何使用Ajax与Spring MVC进行数据交互，包括从后台向前台传递Map形式的数据，并在JSP页面上显示，以及通过Ajax向后台发送单个对象。示例代码详细展示了数据的获取、处理和展示过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

（一）后台向前台传送map形式的数据，前台获取Map对象形式显示在页面上：

首先在页面上传递一个参数

在jsp页面中：

<body>

<button onclick="test01()">click</button>

</body>

在springmvc的controller中：

//返回一个借口，这里是提取试卷考卷的方法
@ResponseBody
@RequestMapping("/selectPexamByPIDQuestionsByMap")
//http://localhost:8888/CourseOnlineProject///selectPexamByPID?PID=8
public Map<String,List<Questions>> selectPexamByPIDQuestionsByMap(@RequestParam("PID")String PID) {
//2.查找所有根据ID查找，以map格式返回
List<Questions> questionsList=pExamServiceImpl.selectPexamByPIDQuestions(PID);
//Map<String,List<Questions>> mapQuestions=new HashMap<String,List<Questions>>();

Map<String, List<Questions>> map = new HashMap<>();

for(int i=0;i<questionsList.size();i++){
System.out.println("questionsList.get("+i+")"+questionsList.get(i));
System.out.println("questionsList.get("+i+").getQuestionstype().getQtype()"+questionsList.get(i).getQuestionstype().getQtype());

String typeName = questionsList.get(i).getQuestionstype().getQtype();
if(map.containsKey(typeName)){
List<Questions> qList = map.get(typeName);
qList.add(questionsList.get(i));
map.put(typeName, qList);
}else{
List<Questions> qList = new ArrayList<>();
qList.add(questionsList.get(i));
map.put(typeName, qList);
}
}

return map;//以map形式传递给前台
}

当在浏览器输入： //http://localhost:8888/CourseOnlineProject///selectPexamByPID?PID=8

时候，就会获取到数据如下：（json形式）

{"选择题":[{"qid":"Q0417645","qquesttion":"岁数大编译JavaApplication源程序文件将产生相应的字节码文件，这些字节码文件的扩展名为()。","qchoose":"A.java   B.class   C..html  D.exe ","qrightAnswer":"A","qscore":2}],"判断题":[{"qid":"Q0260198","qquesttion":"简答题是对是错","qchoose":"A. 错    B.对","qrightAnswer":"A","qscore":6},{"qid":"Q0260198","qquesttion":"简答题是对是错","qchoose":"A. 错    B.对","qrightAnswer":"A","qscore":6},{"qid":"Q5182661","qquesttion":"简答题是对是错","qchoose":"A. 错    B.对","qrightAnswer":"A","qscore":6},{"qid":"Q5207134","qquesttion":"简答题是对是错","qchoose":"A. 错    B.对","qrightAnswer":"A","qscore":6}]}

而同时，在打开页面的时候，会弹出数据：

（二）通过ajax像后台传送单个对象

首先在jsp页面中，写一个简单的测试demo：

在controller中：

@Controller
@RequestMapping(value="/test")
public class TestController0530 {
@ResponseBody
@RequestMapping(value="/test01",method=RequestMethod.POST)
public String test01(@ModelAttribute Student s){
System.out.println(s.getSno()+"--"+s.getSname());
return "success";
}

这时候，在后台显示：