时间:2021-05-20
springmvc使用@RequestBody来获取前端的json字符串并转化为java对象
使用@ReponseBody来将返回的java对象转换为json形式返回前端
下面是几个使用springmvc和ajax进行前后端交互的简单实例
1.传递简单对象:
前端:
$(function(){ $("#btn3").click(function(){ //准备好要发的数组 var array=[16,18,56]; var jsonArray=JSON.stringify(array); $.ajax({ "url":"send/three/array.html", "type":"post", "data":jsonArray, "dataType":"text", "contentType":"application/json;charset=UTF-8", "success":function (response) { alert(response); }, "error":function (response) { alert(response); } } ); });});后端:
@ResponseBody@RequestMapping("/send/three/array.html")public String testReceiveArrayThreee(@RequestBody List<Integer> array){ for (int i : array) { System.out.println(i); } return "success";}结果:
2.传递复杂对象:
1.实体类:
public class Student { private Integer stuId; private String studentName; private Address address; private List<Subject> subjectList; private Map<String,String> map;get和set方法省略}public class Subject { private String subjectName; private Integer subjectScore;}public class Address { private String province; private String city; private String street;}2.前端ajax:
$(function(){ $("#btn4").click(function(){ //准备要发送的数据 var student={ "stuId":5, "studentName":"tom", "address":{ "province":"海南省", "city":"海南市", "street":"不知道" }, "subjectList":[ { "subjectName":"test", "subjectScore":60 }, { "subjectName":"ssm", "subjectScore":70 } ], "map":{ "k1":"v2", "k2":"v3", "k3":"v4" } }; //json对象转化为json字符串 var requestBody=JSON.stringify(student); $.ajax({ "url":"send/compose/object.json", "type":"post", "data":requestBody, "contentType":"application/json;charset=UTF-8", "dataType":"json", "success":function (response) { console.log(response); }, "error":function (response) { console.log(response); } } ); });});后端:
@ResponseBody@RequestMapping("/send/compose/object.html")public String testComposeObject(@RequestBody Student student){ System.out.println(student.toString()); return "success";}结果:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
Vue-CLI项目-axios模块前后端交互(类似ajax提交)08.31自我总结,内容如下:Vue-CLI项目-axios前后端交互一.模块的安装npmins
前言前后端交互如何保证安全性?前后端交互如何保证安全性?web与后端,andorid与后端,ios与后端,像这种类型的交互其实就属于典型的前端与后端进行交互。在
本篇文章主要介绍了SpringMVC中如何在前后端传输数据。具体内容如下所示:后端——>前端在SpringMVC中这主要通过Model将数据从后端传送到前端,一
前端ajax与后端SpringMVC控制器有以下五种数据交互方式。(前台使用了dhtmlxGrid,后端使用了fastjson)方式一通过URL传参通过URL挂
在项目中,经常会用到ajax,比如实现局部刷新,比如需要前后端交互等,这里呢分享局部刷新的两种方法,主要用的是ajax里面的.load()。第一种:当某几个页面