Я не могу публиковать элементы в своем URL-файле json в своем API

Question

Я хочу добавить некоторый объект в URL-адрес json, используя JavaScript и HTML. У меня есть внешний URL, я могу прочитать файл, но не могу добавить в него объекты! Я написал этот код, но он не работает! Пожалуйста, помогите.

HTML-код содержит только div, который я хочу вам показать

//JavaScript: There is the javascript code    
    
var btnAjouter = document.getElementById("btn-ajouter");
var formData = document.getElementById("form").value;

if(btnAjouter){

  btnAjouter.addEventListener("click", function(){       
    var postData = {
      "prenom": document.getElementById("prenom").value,
      "nom": document.getElementById('nom').value,
      "ville": document.getElementById("ville").value    
    } 

    var creerPost = new XMLHttpRequest();
    creerPost.open("POST", "liste_membres.json");
    creerPost.send(JSON.stringify(postData));    

  });
}

<div class=" box-header">
    
  <h1>Ajouter un membre</h1>

  <h2>Remplissez le formulaire ci-dessous</h2>
  <form id="form">
    <div class="form-group">
      <label for="exampleFormControlInput1">Prénom: </label>
      <input type="text" id="prenom" name="prenom" class="form-control" required="('Vous devez entrer un prénom.')">
    </div>
    <div class="form-group">
      <label for="exampleFormControlSelect1">Nom de famille: </label>
      <input type="text" id="nom" name="nom" class="form-control" required="('Vous devez entrer un nom de famille.')">

    </div>
    <div class="form-group">
      <label for="exampleFormControlSelect2">Ville de naissance: </label>
      <input type="text" id="ville" name="ville" class="form-control" required="('Vous devez entrer une ville de naissance.')">

    </div>
    <div class="form-group">
      <button id="btn-ajouter">Ajouter</button>
    </div>
  </form>
</div>

Я хочу добавить некоторый объект в URL-адрес json, используя javascript и HTML. У меня есть внешний URL, я могу прочитать файл, но не могу добавить в него объекты! Я написал этот код, но он не работает! Пожалуйста, помогите. ****

Answer 1

попробуйте с классом FormData: https://developer.mozilla.org/de/docs/Web/API/FormData

//JavaScript: There is the javascript code    

var btnAjouter = document.getElementById("btn-ajouter");
var formData = document.getElementById("form").value;

if(btnAjouter){

  btnAjouter.addEventListener("click", function(){       
    var postData = new FormData(document.getElementById("form"));

    var creerPost = new XMLHttpRequest();
    creerPost.open("POST", "liste_membres.json");
    creerPost.send(postData);    

  });
}

Но я действительно не думаю, что вы выбираете правильную конечную точку. Почему вы хотите отправить данные в файл json?