Hers Crp
@ Vinodh Narayanan Apr 03, 2019 431k 4 Oo
CalendarEvents.zip
In my previous articles, | have written about site collection, user properties, fetching access
tokens, retrieving and sending emails, and lots more, | have added the links below for your
reference. Please go through these before following the steps given in this article.
* HowTo Fetch Access Token
© Getting User Properties From Office 365 Using Microsoft Graph API
* Send Email Using Microsoft Graph API From SharePoint Online
* Upload And Set Office 365 Pr sing Microsoft Graph API
# Retrieve site collections and g Microsoft Graph API
e Retrieve Mailbox Folders Usi Graph API
Retrieve Events From The Calenua:
°f users/{{userid}}/events
ou office 365 calendar
Testec DN data like below. In this article, we are going
to retr
hetps:/,
[email protected]/events
261
G cemtwesmnnareecinente.comiroe. cn eves",
308 Step 1-Fetch Access Token
AuthUrl: https://login.microsoftonline.com/{{tenant}}/oauth2/v2.0/token
Type: POST
01. | var token; // Initialize Globally
02. | function requestToken() {
3. $.ajax({
4. async": true,
8. Domain": true,
6. “https: //howling-crypt-
47129 .herokuapp..com/https:: //login.microsoftonline.com/sharepointtechie.c
07. method": "POST",
08. "headers": {
09. “content-type": “application/x-www-form-urlencoded™
10. b
11. "data": {
12. "grant_type lient_credentials",
13. "client_id ba 0301 -27df -44b1-b4fe-
7911b9a918de", //Provide your app id
14. lient_secret -Z760VPNO39W1WPoAp+1aICq66vs70UtE41hDQYWx¢
1s. “scope “: “https: //graph.microsoft.com/.default”
16. b
17. success: function(response) {
18. log(response);
19. token = response.access_token; //Store the token into global
20. 2
21. error: function(error) {
22. log(JSON. stringify(error)) 5
23. }
24. »
2s. |}
The successful response is shown below.
EndPoint Code
e1.
2.
03.
ea.
es.
26.
7.
28.
29.
10.
1.
12.
13.
14.
15.
16.
17.
function RetrieveCalendarEvents() {
$-ajax({
method: ‘GET’,
url: “https: //graph.microsoft.com/v1.@/users/vinodhvignesh@share
headers: {
‘authorization’: "Bearer ' + token,
‘Content-Type’: ‘application/json'
hb
success: function(response) {
var data = response. value;
data.map(function(events) {
$(‘#display').append('
StartDate: ' + events.start.dz
EndDate: ' + events.end.dateTime + '
Subject: ' + events.subject + '')3
y)
b
error: function(error) {},
»
HTTP "200", success ~- it returns the JSON data Below,
\sovata. context: ~netps://grapn.n.crosort. com vi.t/smetacatamusers{ vanoanvagnesnasusnarepo..
wyvalue: Anray(7)
\/"c3CoyH¥ws@6OSDONNrHOOQACFBYOXQ==""
(/"cCoyHHws@COSDONNHOOQABXYCXIAR=""
“w/cacoyarsecosvonnrhoogABRyexrg:
<3 Cay @GOSDOMNPROOQABS Vg
'c3CoyHHs@GOSOONPHOOQABBVihiQe="
/"eACoyHHusecoS0ONNrHOOOAAYFEZTO=="
"W/" caCoynts@GOSDONNPHOOYAAE FETA
4d
id:
aa:
jeer
"AAMKAD?NTKxOWYLAUZHOGENG..
"AANKAD? INTKxOWyLAUZNOQENE
+ (gedat
+ {oda
{aedata
+ (Godata.etag:
‘
id:
4“
"AAMKADTINTK OW LAUZHOQENG..
"AAMKADLNTK SONY LAUZHOQENG..
"AAMKADINTKXOWYYLAUZHOQENG..
Then, apply .map to iterate over the JSON data and display it on the page.
Full Code
01. | 