JSFiddle - React, Tailwind, and code Playground

by dshilkret

HTML

<span>Div1</span>
<div id='div1'>
Test1
</div><br>
<span>Div2</span>
<div id='div2' class="no-class">
<b>Reg Page:</b>https://splmdnw57xg3ppq.eastus2.cloudapp.azure.com/sites/ServiceNow/_layouts/15/appregnew.aspx<br/>
<b>Appid (clientid): </b>0815b6f7-bbc6-4d28-a2a0-ffbb50eebd3b<br/>
<b>Client Secret: </b>SfOpD+o/ppgQg97+RG54d89QahHc3OE3cNpcx89EqPE=<br/>
<b>Title: </b>dt-docint-on-prem <br/>
<b>App Domain: </b>splmdnw57xg3ppq.eastus2.cloudapp.azure.com<br/>
<b>Redirect: </b>https://splmdnw57xg3ppq.eastus2.cloudapp.azure.com
</div>
<div id='div3'>
Test3
</div>

CSS

.no-class{
  display:none;
}

JavaScript

$.ajax({
    type: 'POST',
    crossDomain: true,
    url: 'https://accounts.accesscontrol.windows.net/cc03691b-456c-4116-8ddd-157c08cfe3d2/tokens/OAuth/2',
    headers: {
        "content-type": "application/x-www-form-urlencoded"
    },
    data: {
        //"grant_type": "authorization_code",
        "grant_type": "client_credentials",
        "client_id": 'b66f7e77-de3e-45d2-ba4c-b1b6405ec214',
        "issuerId": '9e9e46c4-6329-4990-a0b8-13b87b3ba56a',
        "realm": 'ddd67120-9259-451c-ad8f-b8cc3b28fac3',
        "rsaPrivateKeyPath": 'C:\\Users\\sschaff\\Desktop\\DocInt\\HighTrustOAuth.key',
        "shaThumbprint": 'QOCIyWwlxy8bM40Og6yzuj9vYkU',
        "resource": "00000003-0000-0ff1-ce00-000000000000/https://spwzb27rov2c3sm.eastus2.cloudapp.azure.com/"
        //@2d94daf0-3519-4a12-bacf-9e5a9bf37417"
    },
    success: function(data) {
        //data.token_type returns "Bearer"
        //data.access_token returns < AccessToken >
        var btok = data.token_type + " " + data.access_token;
        $("#div1").html("<span>"+btok+"</span>");
        $.ajax({
          type: 'POST',
          crossDomain: true,
          url: "https:/spwzb27rov2c3sm.eastus2.cloudapp.azure.com/_api/web/getfolderbyserverrelativeurl('/Shared%20Documents')/files" ,
          headers: {
          		"accept":"application/json",
              "content-type": "application/x-www-form-urlencoded",
              "Authorization": btok
          },
          success: function(data) {
          for (var d in data.value) {
          		 $("#div2").html("<span>"+JSON.stringify(data.value[d].ServerRelativeUrl)+"</span>");
               var urlBase = "https://splmdnw57xg3ppq.eastus2.cloudapp.azure.com/";
               var relURL = data.value[d].ServerRelativeUrl;
               var htmlOut = "<br><span>" + "<a target=_blank href=" + urlBase + relURL  +"?web=1" +">" + "File Link</a></span>";
               var htmlData = "<br><span>" + JSON.stringify(data) + "File Link</a></span>";
       ...