Spring MVC框架：第十一章：Ajax，腾讯hr面面经

“stuName”:“jerry”,

“stuSubject”:“java”,

“random”:Math.random()

};

var callBack = function(response){

console.log(response);

};

var type = “text”;

//发送POST方式的Ajax请求

$.post(url, param, callBack, type);

});

handlers:

@ResponseBody

@RequestMapping(value=“/two”,produces=“text/html;charset=UTF-8”)

public String two(Student student) {

System.out.println(student);

return “执行成功！！！”;

}

这里又用到了@RequestBody注解，它的作用是把请求体中的JSON数据转换成我们指定的数据类型。同时在@RequestMapping注解上我们额外增加了produces属性用来指定响应体数据的编码方式，以此来解决响应数据的字符乱码问题。

大家可以记住这个结论：使用@ResponseBody返回响应数据时，需要在@RequestMapping注解中使用produces="application/json;charset=UTF-8"来解决字符集问题。

3发送JSON请求体

实验3：发送JSON请求体

jQuery:

$(“#btn3”).click(function(){

//1.创建数组对象

var stuArray = new Array();

//2.准备要存入数组的数据

var stu01 = {“stuId”:11,“stuName”:“tom11”,“stuSubject”:“php11”};

var stu02 = {“stuId”:22,“stuName”:“tom22”,“stuSubject”:“php22”};

var stu03 = {“stuId”:33,“stuName”:“tom33”,“stuSubject”:“php33”};

//3.存入数组

stuArray.push(stu01);

stuArray.push(stu02);

stuArray.push(stu03);

//4.将数组对象转换成字符串

var requestBodyData = JSON.stringify(stuArray);

//5.发送Ajax请求

$.ajax({

“url”:“${pageContext.request.contextPath }/three”, //请求地址

“contentType”:“application/json;charset=UTF-8”, //请求体的内容类型

“data”:requestBodyData, //发送给服务器的数据，将来的请求体

“dataType”:“text”, //预期服务器返回的响应体类型

“success”:function(response){console.log(response)},//服务器成功返回响应后的回调函数

“type”:“POST” //发送请求的请求方式

});

});

handlers:

@ResponseBody

@RequestMapping(value=“/three”,produces=“text/html;charset=UTF-8”)

//@RequestBody将请求体的JSON数据转换为Java类型

public String three(@RequestBody List stuList) {

for (Student student : stuList) {

System.out.println(student);

}

return “执行成功！！！”;

}

4.接收文本

实验4：接收文本

jQuery:

$(“#btn4”).click(function(){

//实验4：接收文本

var url = “${pageContext.request.contextPath }/four”;

var callBack = function(response) {

console.log(response);

console.log(response.stuName);

};

//如果服务器返回的是JSON字符串，但是type=“text”，那么response将仅仅是一个字符串，

//不能直接访问JSON数据的属性

var type = “text”;

$.post(url, callBack, type);

});

handlers:

@ResponseBody

@RequestMapping(value=“/four”,produces=“text/html;charset=UTF-8”)

public String five() {

return “来自服务器端的回应……”;

}

5.接收JSON

实验5：接收JSON

JQuery:

$(“#btn5”).click(function(){

//实验5：接收JSON

var url = “${pageContext.request.contextPath }/five”;

var callBack = function(response) {

console.log(response);

console.log(response.stuName);

//如果服务器返回的响应体数据无法解析为JSON数据，那么后续操作无法执行，而且没有错误提示。

//console.log(“aaaaaaaaaa…”);

};

var type = “json”;

$.post(url, callBack, type);

});

handlers：

@ResponseBody

@RequestMapping(value=“/five”,produces=“application/json;charset=UTF-8”)

public Student four() {

return new Student(55, “stuName555”, “stuSubject555”);

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024b （备注Java）

结尾

这不止是一份面试清单，更是一种”被期望的责任“，因为有无数个待面试者，希望从这篇文章中，找出通往期望公司的”钥匙“，所以上面每道选题都是结合我自身的经验于千万个面试题中经过艰辛的两周，一个题一个题筛选出来再次对好答案和格式做出来的，面试的答案也是再三斟酌，深怕误人子弟是小，影响他人仕途才是大过，也希望您能把这篇文章分享给更多的朋友，让他帮助更多的人，帮助他人，快乐自己，最后，感谢您的阅读。

由于细节内容实在太多啦，在这里我花了两周的时间把这些答案整理成一份文档了，在这里只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

题筛选出来再次对好答案和格式做出来的，面试的答案也是再三斟酌，深怕误人子弟是小，影响他人仕途才是大过，也希望您能把这篇文章分享给更多的朋友，让他帮助更多的人，帮助他人，快乐自己，最后，感谢您的阅读。

由于细节内容实在太多啦，在这里我花了两周的时间把这些答案整理成一份文档了，在这里只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-4Eosn30W-1712808817867)]