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

getList();
function getList() {
  $.ajax({
  type: "POST",
  crossDomain: true,
  url:
    "https://login.microsoftonline.com/cc03691b-456c-4116-8ddd-157c08cfe3d2/oauth2/token",
  headers: {
    "content-type": "application/x-www-form-urlencoded",
    "accept": "application/json;odata=verbose"
  },
  data: {
    "grant_type": "password",
    "client_id": "9624a483-5297-45f7-91da-a8ec0e75798b@cc03691b-456c-4116-8ddd-157c08cfe3d2",
    "client_secret": "W8f7Q~F~ojuJ-APvhXdV_uy4M5AOeDfKyZ.2x",
    "resource":
      "00000003-0000-0ff1-ce00-000000000000/dtecho365.sharepoint.com@cc03691b-456c-4116-8ddd-157c08cfe3d2",
  },
  success: function (data) {
    //data.token_type returns "Bearer"
    //data.access_token returns < AccessToken >
    var btok = data.access_token;
     $("#div1").html("<span>"+btok+"</span>");
    //debugger;
    $.ajax({
      type: "GET",
      crossDomain: true,
      // url:"https://dtecho365.sharepoint.com/sites/ServiceNowDev1/_api/web/getfolderbyserverrelativeurl('/Shared%20Documents')/files",
      url:"https://dtecho365.sharepoint.com/sites/ServiceNowDev1/_api/web/lists", 

      headers: {
        "Accept": "application/json;odata=verbose",
        "Content-Type": "application/json;odata=verbose",
        "Authorization": "bearer " + btok
      },
      success: function (data) {
        alert(data);
        for (var d in data.value) {
          $("#div2").html(
            "<span>" +
              JSON.stringify(data.value[d].ServerRelativeUrl) +
              "</span>"
          );
          var urlBase = "https://dtecho365.sharepoint.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>";
         ...