如何使用 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>