尝试构建一个 json 对象以发送到 laravel。键名问题

Question

我正在尝试创建一个键和值数组以发送到我的 laravel 后端。

这是我当前的代码

$http.post('../survey/'+$scope.clientID+'/getSurvey', {client: $scope.clientID }).

        success(function(data, status, headers, config) {
            console.log(data);
            $scope.survey_id = data[0];

            $scope.questions = data;

            //$scope.dLength = data.length;
            $scope.dLength = 5;
            console.log($scope.questions);

            // When an answer button is clicked

            $scope.clicky = function(value) {

                // Add a class to hide the div cntainng the question
                $scope.class = "hideit";

                //Set a timeout function so the question can fadeOut before we proces anything
                var callAtTimeout = function() {

                    // Check to see if this is the last question
                    if($scope.qid >= $scope.dLength -1){

                        // All questions have been answered. AJAX the data back to Laravel

                        alert("complete")

                        $http.post('../survey/'+$scope.survey_id.survey_id+'/submitSurvey', {data: angular.fromJson($scope.answers)}).
                        success(function(data, status, headers, config) {
                            console.log(data);
                        })
                        //})

                        //console.log($scope.answers)

                    }else{  

                        //Build up the Array of answeres

                        // Get Question name - this will be the key
                        var questionName = $scope.questions[$scope.qid].name;

                        // This is the value
                        var questionAnswer = value

                        //build the aray element
                        var line = { questionName : value };

                        //Push it to the array
                        $scope.answers.push({questionName: questionAnswer});

                        //console.log($scope.answers)

                        //add to the count variable                 
                        $scope.qid += 1;

                        // Animate the question div back up to display the next question
                        $scope.class = "showit";

                    }
                }

                $timeout(callAtTimeout, 1000)
            }

        }).

当我查看我正在构建的数据时，它显示问题名称作为键，而不是变量问题名称中的数据。

当我警告变量问题名称时，它显示了正确的数据，但数组只是将键显示为“问题名称”，我是否构建了错误的数组，如果是，我应该如何构建它？

Answer 1

如果我理解正确，您可以尝试这样构建它：

var question = {};
question[questionName] = questionAnswer;
$scope.answers.push(question);

此外，使用 ECMAScript 6 似乎可以以更漂亮的方式实现相同的目标：

$scope.answers.push({ [questionName]: questionAnswer});

更新：

根据 cmets，您不需要创建数组，而是构建一个对象。可能是这样的：

$scope.answers = {};
// loop through the questions:
$scope.answers[questionName] = questionAnswer;

之后，您将能够访问这样的答案：

var answer = $scope.answers["MyQuestionName"];