Не могу отправить информацию формы - PullRequest
Новая
       13

Не могу отправить информацию формы

0 голосов
/ 05 мая 2020

У меня есть эта форма, и я хочу использовать ее информацию для создания продукта с помощью моего API, но он создает пустой объект в моей базе данных Mon go. Я попытался ввести заранее определенную информацию, и это сработало 

<form id="form">
    <label>Nome do Produto</label> <br />
    <input type="text" id="name" name="name" required /><br />
    <label>Quantidade do Produto</label> <br />
    <input type="number" id="quantity" name="quantity" required /><br />
    <label>Descricao</label><br /><br />
    <input type="textbox" id="description" name="description" required /><br />
    <button id="button">Criar</button>
    <div id="result"></div>
  </form>
  <script>
    var button = document.getElementById("button");
    button.addEventListener("click", (event) => {
      var xhttp = new XMLHttpRequest();

      xhttp.onreadystatechange = function () {
        if (this.readyState == 4 && this.status == 200) {
          console.log("Test");
        }
      };

      xhttp.open("POST", `http://localhost:3000/apiv1/products`, true);

      xhttp.setRequestHeader("Accept", "application/json");

      xhttp.setRequestHeader("Content-Type", "application/json");

      xhttp.send(
        JSON.stringify({
          name: req.body.name,
          description: req.body.description,
          quantity: req.body.quantity,
        })
      );
    });
...