IKid IKid - 1 year ago 89
JSON Question

Error - Our JSON is formatted incorrectly. Events won't show for Full Calendar

How can we format our API Json like the first block of code below? Do we need to put it in an array, string, object? Our issue is that Full Calendar can get events from the first block of code, but not ours, the second block of code.


"start": "2014-08-01",
"title": "All Day Event"
"start": "2014-01-07",
"end": "2014-08-10",
"title": "Long Event"
"start": "2014-08-09T16:00:00",
"id": 999,
"title": "Repeating Event"
"start": "2014-08-16T16:00:00",
"id": 999,
"title": "Repeating Event"
"start": "2014-08-12T10:30:00",
"end": "2014-08-12T12:30:00",
"title": "Meeting"
"start": "2014-08-22T12:00:00",
"title": "Lunch"
"start": "2014-08-13T07:00:00",
"title": "Birthday Party"
"url": "http://google.com/",
"start": "2014-08-28",
"title": "Click for Google"

Our API currently looks like this (everything is a string),

[{"start":"2016-04-12","end":"2016-04-12","title":"Calendar 1","id":"a41380d1fbbaa819"}]

Answer Source

Try this it will work :

As per your question.

//JSON Text
var obj = '[{"start":"2016-04-12","end":"2016-04-12","title":"Calendar 1","id":"a41380d1fbbaa819"}]';

//Convert JSON String in JSON Object

Output :

enter image description here

As per your requirement :

You have to pass these values in the url and making AJAX call to get the JSON according to these values.

var start='2016-04-12';
var end='2016-04-12';
var title='Calendar 1';
var id='var start='2016-04-12';';
type: "POST",
dataType: "json",
url: "data.php", //Relative or absolute path to chat.php file
data: 'start='+start+'&end='+end+'&title='+title+'&id='+id,
success: function(data) {
alert(data); // JSON From the URL
return false;

Now you have to use server side language(PHP,Java) to create the JSON based on these values.

Working Fiddle : https://jsfiddle.net/pr2daL7r/

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download