self.body 中的表單數據為空。 我正在使用 Preact 和 Total js。 value="@{M.email}" 不起作用。 它用這個值填充表單

Question

submitHandler 是我調用 onSubmit 並使用 XMLHttpRequest 發送數據的函數。 我正在使用 xhr.Send() 發送數據，但在控制器中，在 self.body 中我得到空值。

class Form extends Component {
  render(props, state) {
    <div>
      <div class="field">
        <label class="label">PHONE NUMBER</label>
        <div class="control">
          <input
            class="input"
            type="tel"
            placeholder="+91 "
            name="phone"
            value="@{M.phone}"
            onInput={linkstate(this, "phone")}
          />
        </div>
      </div>
    </div>;
  }
}
export default Form;

submitHandler = () => {
  let formData = new FormData(document.getElementById("signup"));

  let xhr = new XMLHttpRequest();
  xhr.open("POST", "/xhr", true);

  xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

  xhr.onreadystatechange = function() {
    if (this.readyState === XMLHttpRequest.DONE && this.status === 200) {
      console.log("Request finished");
    }
  };

  xhr.onload = () => {
    alert(xhr.responseText);
  };
  xhr.send(formData);
};

Answer 1

您確定formData包含一些數據嗎？ 檢查 Web 開發人員工具中的請求並嘗試捕獲數據。

Answer 2

根據我的理解 Self.body 需要一個 JSON 對象。 我將 formData 轉換為 JSON 對象並且它可以工作。 xhr.send(JSON.stringify(Object.fromEntries(formData)));