JSFiddle - React, Tailwind, and code Playground

by dshilkret

HTML

<input id="getFile" type="file"/><br />
<input id="displayFileName" type="text" value="Enter a unique filename name" /><br />
<input id="addFileButton" type="button" value="Upload" onclick="uploadFile()"/>
<span>Div1</span>
<div id='div1'>
Test1
</div><br>
<span>Div2</span>
<div id='div2'>
Test2
</div>
<div id='div3'>
Test3
</div>

JavaScript

$.ajax({
    type: 'POST',
    crossDomain: true,
    url: 'https://accounts.accesscontrol.windows.net/587cd110-e2a2-4a65-b0ff-c0761281fb9e/tokens/OAuth/2',
    headers: {
        "content-type": "application/x-www-form-urlencoded",
        "X-RequestDigest": "form digest value",
    		//"content-length":"length of post body"
    },
    data: {
        "grant_type": "client_credentials",
        "client_id": "051aac86-b7ae-49f5-8195-1e66ac068220@587cd110-e2a2-4a65-b0ff-c0761281fb9e",
        "client_secret": "D3A6oVB3VgmafXD5ifK7iYCRAWTwTA+eQ8me7bcjkrw=",
        "resource": "00000002-0000-0ff1-ce00-000000000000/sdev2.sharepoint.com@587cd110-e2a2-4a65-b0ff-c0761281fb9e"
    },
    success: function(data) {
        //data.token_type returns "Bearer"
        //data.access_token returns < AccessToken >
        var btok = data.token_type + " " + data.access_token;
        //uploadDocument(3000,btok);
        $("#div1").html("<span>"+btok+"</span>");
        $.ajax({
          type: 'POST',
          crossDomain: true,
          url: "https://sbrokers.sharepoint.com/_api/web/GetFolderByServerRelativeUrl('/List1/TestRest')/Files/add(url='a.txt',overwrite=true)",//"https://sbrokers.sharepoint.com/_api/web/getfolderbyserverrelativeurl('/LIST1')/files" ,
          headers: {
          		"accept":"application/json;odata=verbose",
              "content-type": "application/json;odata=verbose",
              "Authorization": btok,
             // "content-length":"length of post body"
          },
          body:{ "__metadata": { "type": "SP.Folder" }, "ServerRelativeUrl": "/List1/TestRest"},
          success: function(data) {
          $("#div2").html("<span>"+JSON.stringify(data)+"</span>");
//          for (var d in data.value) {
  //        		 $("#div2").html("<span>"+JSON.stringify(data.value[d].ServerRelativeUrl)+"</span>");
//               var urlBase = "https://sbrokers.sharepoint.com";
 //              var relURL = data.value[d].ServerRelativeUrl;
//              ...