如何在AngularJs中推送JSON对象并创建一个嵌套对象

用户名

昨天我在办公桌上结束了前端任务,由于前端开发人员正在休年假,因此我需要一些帮助。

我有这个AngularJs脚本,它是我的角度控制器的一部分。我试图将一些数据发布到服务器,该数据是从多步骤向导表单中获取的。在服务器端,我已经实现了(我是一个后端开发者),所以那里没有什么让人害怕的,但是在尝试POST之前,我需要对JSON对象进行某种调整,以便可以与Spring Boot Rest Controller很好地绑定。

那就是代码。

//These are my guys which I am trying to push    
$scope.department = {};
$scope.user1 = {};
$scope.user2 = {};


//Some POST method
$scope.save = function () {

    var data = [{}];
    //here I do the push but it looks like I've no idea what I am doing
    data.push($scope.department);
    data.push($scope.user1);
    data.push($scope.user2);

    var config = {
            headers : {
                'Content-Type': 'application/json'
            }
        }

        console.log(JSON.stringify(data));

        $http.post('http://localhost:8080/api/', data, config)
        .success(function (data, status, headers, config) {
            $scope.PostDataResponse = data;
        })
        .error(function (data, status, header, config) {
            console.log(data);
        });
    };

这是我通过上述脚本实现的JSON输出

[
    {
        "department": "foo",
        "code": 1234
    },
    {
        "firstName": "Megan",
        "lastName": "Fox"
    },
    {
        "firstName": "Margot",
        "lastName": "Robbie"
    }
]

这是我正在寻找的JSON输出

{
    "department": "foo",
    "code": 1234,

    "user1": {
        "firstName": "Megan",
        "lastName": "Fox"
    },

    "user2": {
        "firstName": "Margot",
        "lastName": "Robbie"
    }
}

谢谢!!!

纳伦·穆拉利(Naren murali)

我能够复制您的JSON,能否验证其正确性?

var app = angular.module('myApp', []);

app.controller('MyController', function MyController($scope, $http) {
  //These are my guys which I am trying to push    
  $scope.department = {
    "department": "foo",
    "code": 1234
  };
  $scope.user1 = {
    "firstName": "Megan",
    "lastName": "Fox"
  };
  $scope.user2 = {
    "firstName": "Margot",
    "lastName": "Robbie"
  };

  //Some POST method
  $scope.save = function() {
    var data = Object.assign({}, $scope.department);
    //here I do the push but it looks like I've no idea what I am doing
    data["user1"] = $scope.user1;
    data["user2"] = $scope.user2;

    var config = {
      headers: {
        'Content-Type': 'application/json'
      }
    }

    console.log(JSON.stringify(data));

    $http.post('http://localhost:8080/api/', data, config)
      .success(function(data, status, headers, config) {
        $scope.PostDataResponse = data;
      })
      .error(function(data, status, header, config) {
        //console.log(data);
      });
  };
  $scope.save();
});
.as-console-wrapper { max-height: 100% !important; top: 0; }
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-controller='MyController' ng-app="myApp">

</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Scala:如何创建一个简单的嵌套JSON对象

如何在 javascript 中创建一个深度嵌套的对象?

你如何用python在嵌套的json中创建一个对象?

我如何在jQuery中创建一个对象

如何在PostgreSQL中创建一个空的JSON对象?

如何在每次循环迭代中创建一个新的 JSON 对象

如何在一个json对象中查询多行

如何创建一个将对象推送到现有数组中的函数?

从 C# 模型创建一个嵌套的 json 对象

如何从另一个 json 对象有效地创建嵌套的 json

将嵌套对象推送到数组中的下一个对象 [功能风格]

如何在pyspark提取到Azure Databricks中的数据帧的一个文件中读取多个嵌套的json对象?

如何创建一个复杂的嵌套->属于对象?

如何在同一个对象中推送多个数据?

Javascript:在JavaScript中从另一个对象创建一个深度嵌套的对象

如何通过比较值从嵌套对象数组中获取信息以创建另一个嵌套对象?

Postgres从两个json对象创建一个嵌套的json对象

如何在python中创建与另一个对象具有相同内容的对象?

如何在javascript中的对象数组中创建另一个对象数组中的对象数组

如何创建一个函数来从嵌套对象中检索所有孩子的 id

如何在父声明中设置一个与另一个JSON对象相等的JSON对象

我如何在angularjs中访问深度嵌套的json对象

如何在PHP5中创建嵌套的json对象

如何在FSharp中创建嵌套的JSON对象

Angular:如何将一个对象“嵌套”在另一个对象中?

如何在另一个对象的json对象中添加数据?

猫鼬模式,如何在一个模式中嵌套对象?

如何在一个类中解耦嵌套的对象函数

如何在一个请求中创建一种创建新对象以及与外键相关的对象的表单?