如何使用 javascript 文件中的已發布數據打開新的 PHP 頁面

Question

我更新了我的表格：

<form method = "post" name= "account" action= "validated.php" target="_blank">
...
<submit value= "submit" onclick= "validate()" >Submit</submit>

它從 validate.js 文件中正確驗證，但仍然沒有打開新頁面進行驗證。php

在 valid.php 中開始：

<p>Welcome <?php echo $_GET["fname"]; ?><br>
Your email address is: <?php echo $_GET["email"]; ?> and your birthday is: <?php echo $_GET["bdate"]; ?>
</p>

我認為問題出在 html 中。 有任何想法嗎？

Answer 1

您的代碼根本沒有意義。

我正在回答其中包含 XMLHttpRequest 的問題

1. 不存在名為提交的標簽
2. 你有 $_GET 但你發布了你的 xmlhttprequest

既然要在 PHP 中打開一個新頁面，就擁有這個（默認是 GET）

<form name="account" action= "validated.php">
  ...
  <input type="submit" value="Submit" />
</form>

但是如果你真的想要 ajax，你需要將你的 $_GET 更改為 $_POST 並執行類似的操作

window.addEventListener("load",function() {
  document.getElementById("account").addEventListener("submit",function(e) {
    e.preventDefault();
    let formData = new FormData();
    formData.append("fname", this.fname.value);
    formData.append("email", this.email.value); // assuming field names here
    formData.append("bdate",this.bdate.value);
    console.log(formData);
    const xhttp = new XMLHttpRequest();
    xhttp.onload=function(response) { console.log(response) }; // or some other process
    xhttp.open("POST", 'validated.php', true);
    xhttp.send(formData);
  });
});

使用帶有 ID 的表單

<form id="account">
...
  <input type="submit" value="Submit" />
</form>