Question

这是我的代码。

我的POST功能似乎起作用。但是，当我尝试从服务器获取console.log我的POST时，我得到的只是“空”。

我需要帮助的地方是正确地将表单发布到服务器。然后可以撤回并将其发布到我的控制台。

然后我必须将其发布到我的网站上，但我可以自己进行管理。

const myForm = document.getElementById("myForm");

myForm.addEventListener("submit", function(e) {
  e.preventDefault();

  const formData = new FormData(this);
  formData.append("store", "vetlekw1");

  fetch("http://folk.ntnu.no/oeivindk/imt1441/storage/add.php?", {
    method: "post",
    body: formData
  })
    .then(function(response) {
      return response.text();
    })
    .then(function(text) {
      console.log(text);
    });
});

document.querySelector(".hent").addEventListener('click', e=>{
    fetch('http://folk.ntnu.no/oeivindk/imt1441/storage/getAll.php?store=vetlekw1')
    .then(res=>res.json())
    .then(data=>{
        console.log(data);
    })

})

  <section id="addContact">
    <h1>add Contact</h1>
    <form class="form" id="myForm" >
      <label for="fornavn">Name</label>
      <input type="text" id="fornavn"><br>
      <label for="etternavn">Surname</label>
      <input type="text" id="etternavn"><br/>
      <label for="tlf">Tlf</label>
      <input type="text" id="tlf"><br>
      <button type="submit">add</button>
    </form>
  </section>
<br>

<button class="hent">Get</button>

Answer 1

您不会从服务器端点返回预期的数据。也许您的数据库查询没有结果，或者您使用了错误的变量或其他内容。

我如何console.log我的POST。当我尝试获取所有内容时，进入控制台的操作为“空”

1 个答案: