JSFiddle - React, Tailwind, and code Playground

by dshilkret

HTML

<h3>
  "My Company" Sharepoint Documents
</h3>
<div id='div1'>

</div><br>

<div id='div2'>

</div>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.js"></script>

<table data-toggle="table">
    <thead>
        <tr>
            <th data-field="file_url" data-sortable="false">File URL</th>
            <th data-field="view_edit"  data-sortable="false">Actions</th>
           
        </tr>
    </thead>
    <tbody id="tbody1">
        
    </tbody>
</table>








<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>

$.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 btok = data.token_type + " " + data.access_token;
       // $("#div1").html("<span>"+btok+"</span>");
        $.ajax({
          type: 'POST',
          crossDomain: true,
          url: "https://sbrokers.sharepoint.com/_api/web/getfolderbyserverrelativeurl('/LIST1')/files" ,
          headers: {
          		"accept":"application/json",
              "content-type": "application/x-www-form-urlencoded",
              "Authorization": btok
          },
          success: function(data) {
          for (var d in data.value) {
          		...