?(??? ?? ??? ?? ?? ??? ???? ?? ??):

 
  
  <button type="submit">??</button>

2??: ???? ??? ??? ? ??? ?? ??

???? ??? ????? ???? ???? ??? ???? ??? ??? location.reload() ???? ???? ?? ???? ?? ?? ? ????.

location.reload()? ???? ????? ?? ?? ??? ??? ??? ?? URL? ?? ?????.

??? JavaScript ??:

updateGuestName ??? try ??? location.reload()? ???? ???? ??? ???? ??? ??? ??? ?? ??? ????? ???.

 ??? ?? updateGuestName(paxid, ??) {
  const paxIDbody = JSON.stringify({ pxid: paxid, ??: ?? }); // JSON.stringify? ???? ?? ? ????? ????. console.log("PaxID:", paxIDbody);
  ???? {
    const ?? = {
      ??: "POST",
      ??: {
        "??? ??": "application/json; charset=UTF-8"
      },
      ??: paxIDbody,
    };
    const ?? = ????? ?????(
      "/??-??.php",
      ??
    );

    if (!response.ok) { // HTTP ?? ?? ?? ?? throw new Error(`HTTP ??! ??: ${response.status}`);
    }

    const ??? = ??? ?????.json();
    console.log("DATA: ", ???);

    // ??? ???? ???? ??? ? ?? ???? ?? ????. location.reload();

  } ??(??) {
    console.error("??: ", ??); // console.error? ???? ?? ? ?????. // ???? ????? ?? ???? ??? ? ????.}
}

?? addGuestName(obj) {
  const itemClicked = obj;
  const paxid = obj.id;
  // const addPaxName = itemClicked.nextElementSibling; // ? ?? ???? ?? ??? ????. const addPaxNameButton = itemClicked.nextElementSibling; // ? ??? type="button"?? ?????.

  addPaxNameButton.style.display = 'inline-block';
  var addPaxNameField = document.createElement('input');
  addPaxNameField.setAttribute('type', 'text');
  addPaxNameField.setAttribute('name', 'visitorNameSurname[]');
  addPaxNameField.setAttribute('placeholder', '??? ?? ?????');
  itemClicked.parentNode.insertBefore(addPaxNameField, itemClicked.nextSibling);
  addPaxNameField.setAttribute("required", "required");

  addPaxNameButton.addEventListener('click', () => {
    const ?? = addPaxNameField.value;
    updateGuestName(paxid, ??);
  });
}

?? ??:

• ?? ??: ???? ??? ?? ?? ??? ???? ???. try...catch ???? ??? ??? ???? ?? ?? ?? ?? ??? ???? ???? ?? ??? ?? ?? ???? ???? ??? ??? ?????.
• ??? ??: ???? ?? ??? ??? ??? ??? ? ????. ????? ?? ???? ?? ??? ?? ???? ?? ??? ??????? DOM? ?? ?? ????? ???? ?? ????. ??? ??? ???? ???? ??? ??? ?? ???? ??? ?? ????? ?? ??? ?? ??? ???? ???? ??????.
• JSON.stringify: POST ??? ??? ??? ? ???? ?? ???? ??? ???? ????. JavaScript ??? ? ???? ???? JSON ???? ????? JSON.stringify()? ???? ?? ????.

??

AJAX ??? ????? ??? ?? ??? ???? ???? ???? ?? ?? ???? location.reload()? ???? ???? ???? ?? ????? ???? ???? ????? ? ?? ???? ???? ?? ?? ? ????. ? ??? ???? ???? ?? ???? ???? ?? ??? ??? ?? ? ?? ??? ??? ?????. ?? ???? ??? ???, ?? ?? ?? ??? ????? ????.