oauthio-sample

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdn.rawgit.com/oauth-io/oauth-js/c5af4519/dist/oauth.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-social/4.12.0/bootstrap-social.min.css">
<a id="dropbox-button" class="btn btn-block btn-social btn-vimeo">
  <i class="fa"></i> Get file list
</a>

JavaScript

var params = {
  "path": ""
};
$('#dropbox-button').on('click', function() {
	// Initialize with your OAuth.io app public key
	OAuth.initialize('txp2rKYpuKZXaaYC5kB-m13KnVE');
  // Use popup for oauth
  // Alternative is redirect
  OAuth.popup('dropbox').then(provider => {
    console.log('provider:', provider);
    alert("You can check Dropbox provider object in browser console.");
    
    provider.post({
      url: "/files/list_folder",
      data: JSON.stringify(params),
      headers: {
         "Content-Type": "application/json"
      }
    }).then(data => 			{
      console.log('Files:', data);
      alert("You can find file list in browser console");
    });
	});
})