JSFiddle - React, Tailwind, and code Playground

by dshilkret

HTML

<span>Div1</span>
<div id='div1'>
Test1
</div><br>
<span>Div2</span>
<div id='div2'>
Test1
</div>

JavaScript

$.ajax({
    type: 'POST',
    crossDomain: true,
    url: 'https://accounts.accesscontrol.windows.net/2d94daf0-3519-4a12-bacf-9e5a9bf37417/tokens/OAuth/2',
    headers: {
        "content-type": "application/x-www-form-urlencoded"
    },
    data: {
        "grant_type": "client_credentials",
        "client_id": "12e52415-01fe-48b1-9578-1d72b0194f17@2d94daf0-3519-4a12-bacf-9e5a9bf37417",
        "client_secret": "qkiOE773*!qnqrODCRE60(^",
        "resource": "00000003-0000-0ff1-ce00-000000000000/sbrokers.sharepoint.com@2d94daf0-3519-4a12-bacf-9e5a9bf37417"
    },
    success: function(data) {
        //data.token_type returns "Bearer"
        //data.access_token returns < AccessToken >
        var at = data.token_type + " " + data.access_token;
        $("#div1").html("<span>"+at+"</span>");
        $.ajax({
          type: 'POST',
          crossDomain: true,
          url: 'https://sbrokers.sharepoint.com/_api/web/getfolderbyserverrelativeurl("/Shared/Documents")/files' ,
          headers: {
          		"accept":"application/json",
              "content-type": "application/x-www-form-urlencoded",
              "Authorization": at
          },
          success: function(data) {
          		 $("#div2").html("<span>"+data+"</span>");
          },
          error: function(data, errorThrown, status) {
							$("#div2").html("<span>"+ JSON.stringify(data) + errorThrown+"</span>");
    			}
        });
      //caal the REST API with the at variable in header

    },
    error: function(data, errorThrown, status) {
							$("#div1").html("<span>"+errorThrown+"</span>");
    }
});