Angular Ajax request sending object

Question

i am editing content in an object saved in my AngularJs scope. Once submited i execute the following function:

$scope.saveQuestion = function(){       
    var request = $http({
        method: "post",
        url: "/manager/evaluations/evaluations/manage_questions/537c6179-8ed8-49b4-ac6b-25715f550349", 
        data: {EvaluationQuestion: $scope.newquestion}
    });
}

$scope.newquestion has the following object:

[relevance: 3, evaluation_topic_id: 1, type: "text", action: "add", name: "asdfasdfsadfas"]

But the ajax request on the is just showing a Request Payload with:

Request Payloadview source

  {EvaluationQuestion:[]}
    EvaluationQuestion: []

Can any one guess why the sent data is empty?

Try console.log($scope.newquestion) just before the $http(). I suspect that the $scope.newquestion is still an empty array at the time a request is made. — runTarm
– runTarm, Commented Aug 7, 2014 at 12:51
The data showing the $scope.newquestion just before the $http() is posted in the question and continues to return the same array: [relevance: 3, evaluation_topic_id: 1, type: "text", action: "add", name: "Test again with console.log() just above the http() request"…] The feeling i got, is that calling the $scope.newquestion inside the $http call is not working.... — Gestudio Cloud
– Gestudio Cloud, Commented Aug 7, 2014 at 12:56
Can you create a plunker or something so we can completely see everything? Also, try stepping through the code using chrome or firebug to really track what's going on. — TrazeK
– TrazeK, Commented Aug 7, 2014 at 13:31

runTarm · Accepted Answer · 2014-08-07 13:19:36Z

2

It seems your $scope.newquestion is an Array, not an Object.

JSON doesn't support an Array data type with named keys in it. For example:

var foo = [];
foo['bar'] = 'One';
foo.baz = 'Two';

JSON.stringify(foo); // return "[]"

If the $scope.newquestion isn't required to be an Array, just use an Object.

Instead of

$scope.newquestion = [];

change it to:

$scope.newquestion = {};

answered Aug 7, 2014 at 13:19

runTarm

11.6k1 gold badge39 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ali Motevallian · Accepted Answer · 2014-08-07 13:27:25Z

1

I think you are using a wrong JSON syntax in $scope.newquestion. Here you are defining an object which is supposed to be enclosed in {} but you are enclosing it in [] which stands for an array. I js arrays you cannot have [name1: value1, name2: value2].

Try replacing the square brackets with curely brackets, something like this:

{relevance: 3, evaluation_topic_id: 1, type: "text", action: "add", name: "asdfasdfsadfas"}

Hope that helps.

answered Aug 7, 2014 at 13:27

Ali Motevallian

1,41211 silver badges15 bronze badges

Comments

Mihaly KR · Accepted Answer · 2014-08-07 12:49:49Z

0

Try this:

data: {EvaluationQuestion: angular.toJson($scope.newquestion)}

answered Aug 7, 2014 at 12:49

Mihaly KR

2,3732 gold badges21 silver badges21 bronze badges

2 Comments

Gestudio Cloud Over a year ago

Did not work, the Request Payload is the following doing that: EvaluationQuestion: "[]"

Gestudio Cloud Over a year ago

Console.log($scope.newquestion):: [relevance: 3, evaluation_topic_id: 1, type: "text", action: "add", name: "asdfsad fsdaf sda"] ------ Console.log(angular.toJson($scope.newquestion)):: []

Collectives™ on Stack Overflow

Angular Ajax request sending object

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related