ajax example to send html form data to hubspot

send-form-to-hubspotl.html

<form>
<~-- form html here -->
</form>

<script>

function onSubmit() {
  const formGuid = 'xxxxxxxxxxxxx'
  const portalId = 'xxxxxxx'
  // need variables for hubspot token and other mandatory items to submit https://legacydocs.hubspot.com/docs/methods/forms/submit_form

$.ajax({
  url: `https://api.hsforms.com/submissions/v3/integration/submit/${portalId}/${formGuid}`,
  type: "POST",
  contentType: "application/json",
  data: JSON.stringify({
    "fields": [{
      "name": "firstname",
      "value": fname,
    },
    {
      "name": "lastname",
      "value": lname,
    },
    {
      "name": "email",
      "value": mail,
    },
    {
      "name": "condo_project_item",
      "value": condoProject,
    },
    // more fields concontinued...
    ],
  }),

  success: function(result) {
    console.log(result);
  },
  error: function(xhr,status,error) {
    console.log(xhr);
    console.log(status);
    console.log(status.responseText);
  }
});
</script>