<f:asset.script identifier="sendForm">
  async function sendData(data) {

  const form = document.getElementById('hfcform');
  const formData = new FormData(form);

  try {

  console.group('sending data ...');

  const formJSON = Object.fromEntries(formData.entries());

  // for multi-selects, we need special handling
  // formJSON.snacks = data.getAll('snacks');

  for (var pair of formData.entries()) {
  console.log(pair[0]+ ', ' + pair[1]);
  }

  console.log('Form Data JSON', JSON.stringify(formJSON, null, 2));

  const response = await fetch("https://api.muth-sev.de:8080/Shop/neukunde", {
  method: "POST",
  headers: new Headers({
  'Content-Type': 'application/json',
  'hash': 'kFWgOG*tAPS1L2*4lp%-üYY=pcößND*)Ü=/*?Pt2Üa(wJ=JlüP',
  'user-id': 0,
  'user-key': 1,
  'user-k': 1,
  }),
  body: formData,
  });

  console.log('Form Data', await response.json());

  console.groupEnd();

  } catch (e) {
  console.error(e);
  }
  }
</f:asset.script>