最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

Angular.js前台传list数组由后台spring MVC接收数组示例代码

来源:懂视网 责编:小采 时间:2020-11-27 22:33:46
文档

Angular.js前台传list数组由后台spring MVC接收数组示例代码

Angular.js前台传list数组由后台spring MVC接收数组示例代码:前言 本文主要给大家介绍了关于Angular.js前台传list数组由后台spring MVC接收数组的相关内容,分享出来供大家参考学习,下面话不多说,来一起看看详细的介绍吧。 在开发中有时候需要在前台自定义对象,然后把对象封装在list中,在传送到后台,这样的思想也比
推荐度:
导读Angular.js前台传list数组由后台spring MVC接收数组示例代码:前言 本文主要给大家介绍了关于Angular.js前台传list数组由后台spring MVC接收数组的相关内容,分享出来供大家参考学习,下面话不多说,来一起看看详细的介绍吧。 在开发中有时候需要在前台自定义对象,然后把对象封装在list中,在传送到后台,这样的思想也比

前言

本文主要给大家介绍了关于Angular.js前台传list数组由后台spring MVC接收数组的相关内容,分享出来供大家参考学习,下面话不多说,来一起看看详细的介绍吧。

在开发中有时候需要在前台自定义对象,然后把对象封装在list中,在传送到后台,这样的思想也比较合理,直接来看示例代码:

1. 前台代码

$scope.saveScore = function () {

 $scope.userScoreList = new Array();//自定义数组

 angular.forEach ($scope.records, function (record, index) {

 

 if (record.score != null) {

 $scope.userScoreModel = {'userAnswerId': null,'score': null};//自定义对象结构

 $scope.userScoreModel.userAnswerId = record.userAnswerId;//赋值

 $scope.userScoreModel.score = record.score;

 

 $scope.userScoreList.push($scope.userScoreModel);//把对象封装在集合中

 debugger;

 }

 });

 

 if ($scope.userScoreList != null && $scope.userScoreList.length > 0) {

 var fd = new FormData();// 使用angularJS的FormData封装要传送的数据

 var userScoreRecords = angular.toJson($scope.userScoreList);//把对象(集合)转换为json串

 fd.append('userScoreRecords', userScoreRecords);//参数放入formData中

 debugger;//使用 debugger模式查看传值情况

 $http.post('/reviewProcess/save', fd, { //使用post方法 传送formdata对象

 transformRequest: angular.identity, //使用angular传参认证

 headers: {

 'Content-Type': undefined //设置请求头

 }

 })

 .success(function (data){

 toastr.success("success");

 })

 .error(function (data) {

 toastr.success("failed");

 });

 }

}; 

2. 后台接收

@ResponseBody

 @RequestMapping(value = "/reviewProcess/save", method = RequestMethod.POST)

 public void saveUserScore (@RequestParam("userScoreRecords") String userScoreRecords) { //使用requestparam接收前台传送的json串

 System.out.println(userScoreRecords);

 ObjectMapper mapper = new ObjectMapper(); // 使用fastJson的ObjectMapper反序列化json串为对象

 UserScoreModel record = null;

 try {

 JSONArray jsonArray = new JSONArray (userScoreRecords); //在后台把json串转换为json数组

 for (int i =0; i < jsonArray.length(); i++) {

 record = mapper.readValue(jsonArray.getJSONObject(i).toString(), UserScoreModel.class); //获取json数组的json对象并且反序列化为对应的对象

 System.out.println(record); // 得到对象后后台即可操作

 }

 } catch (Exception e) {

 logger.error(e.getMessage(), e);

 }

 } 

总结

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

Angular.js前台传list数组由后台spring MVC接收数组示例代码

Angular.js前台传list数组由后台spring MVC接收数组示例代码:前言 本文主要给大家介绍了关于Angular.js前台传list数组由后台spring MVC接收数组的相关内容,分享出来供大家参考学习,下面话不多说,来一起看看详细的介绍吧。 在开发中有时候需要在前台自定义对象,然后把对象封装在list中,在传送到后台,这样的思想也比
推荐度:
标签: 数组 list array
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top