JSFiddle - React, Tailwind, and code Playground

by chrisguzman

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.js"></script>
<button type="button" class="btn btn-default" id = "UpdateData">Update Data</button>

To use just update the workbook and worksheet variables in the javascript. 


Append the following keyvalues for additional functionality 

              'RelativePosition': 'None',
              'HeaderOrder': 'None'

JavaScript

$("#UpdateData").click(function () {


          var arr = {
              'workbook': 'Mr. Clean: Salesforce Bulk Update Tool',
              'worksheet': 'Product Field Update'
          };


          $.ajax({
              url: 'https://worker-aws-us-east-1.iron.io/2/projects/54a5523848497c0009000028/tasks/webhook?code_name=gspread_update_webhook&oauth=-IdYrvLXBFkqDXxoot0g8lIXU3A',
              type: 'POST',
              data: JSON.stringify(arr),
              contentType: 'application/json; charset=utf-8',
              dataType: 'json',
              async: false,
              success: function () {
                  alert('Updating');
              }
          });

      })