JSON returning [object Object] angularjs

Question

I am trying to return the JSON data from the specified URL but when the alert pops up it just shows [object Object]. I intend that the date appears in the calendar but only on the day you enter the json and not on all days.. How do I do this?

My calendar

Here is an example of the JSON.

 {
    "title": "example glossary",
    "start": "2016-10-22",
    "allDay": false
}

controller

$scope.setDayContent = function(date) {

    return $http     ({
        method : "GET",
        url : "app/components/home/controller/test_calendar.json"
      }).then(function mySucces(response) {
          return response.data;              
        }, function myError(response) {
          $scope.valor = response.statusText;
      }); 

};

If i put it like this, it works fine <p>A data {{valor.start}}</p> but what I want is to appear on the calendar and then the error appears [object Object].

Print the error using console.log(response); to see the object. An alert cannot parse an object literal to string. — IronAces
– IronAces, Commented Oct 28, 2016 at 10:49
if i put console.log(response.data) he give me the object with the all parameters in my json but i have only one object and is looped. Return 20 object is normal? i have only 1 — Jose Cerejo
– Jose Cerejo, Commented Oct 28, 2016 at 10:55
how is your calendar html like? and what you want to display in the calendar? — Sravan
– Sravan, Commented Oct 28, 2016 at 11:05

Fida · Accepted Answer · 2016-10-28 11:18:38Z

1

   var data = {
        "title": "example glossary",
        "start": "2016-10-22",
        "allDay": false
    }
var json = JSON.stringify(data);
alert(json)

{
    "title": "example glossary",
    "start": "2016-10-22",
    "allDay": false
}

This is not JSON, this is JS object Literal.

to make it json.

    var data = {
        "title": "example glossary",
        "start": "2016-10-22",
        "allDay": false
    }
var json = JSON.stringify(data);

answered Oct 28, 2016 at 11:18

Fida

1,3581 gold badge12 silver badges21 bronze badges

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

Comments

Joao Polo · Accepted Answer · 2016-10-28 11:18:22Z

0

try to set the values at onSuccess function:

$scope.setDayContent = function(date) {
    return $http     ({
        method : "GET",
        url : "app/components/home/controller/test_calendar.json"
    }).then(function(response) {
        $scope.valor = response.data;
    }); 
};

answered Oct 28, 2016 at 11:18

Joao Polo

2,1631 gold badge17 silver badges27 bronze badges

Comments

Tim Consolazio · Accepted Answer · 2016-10-28 11:28:06Z

I'm not sure what you mean by this: "I intend that the date appears in the calendar but only on the day you enter the json and not on all days."

Where are you entering the JSON (that's probably not what you mean, but that's what it seems to say).

Then you say "if I do it this way it works..." but what appears to be working is that your call resulted in an error.

Also, "valor" is in your error message. I assume you don't want to display the error message in the calendar.

If I had to guess, I would say that you are probably binding the entire returned object in your Succes (hopefully that's just a spelling error in your example here) into your template, something like {{theObj}}, instead of the specific value you want, like "{{theObj.date}}" or some such.

(BTW I understood fine what you meant by "this is my JSON".)

Collectives™ on Stack Overflow

JSON returning [object Object] angularjs

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related