Question

我正在使用post方法将表单提交到我用action =“”指定的另一个HTML文件，但是一旦它将我重定向到我的第二个HTML文件，我该如何显示它收到的数据？使用JavaScript。

Answer 1

设置node.js服务器并读取已发布的值。 HTML本身不会接收数据本身，但您可以使用您阅读的内容生成HTML服务器端。

Answer 2

从客户端[javascript]

读取POST几乎是不可能的

看看这个：how to read the post request parameters using javascript！

Answer 3

您可以发出GET请求，并在请求的HTML document处解析查询字符串参数。

HTML

<form action="post.html" method="GET">
  <input name="a" value="1" />
  <input name="file" type="file"/>
  <input type="submit" />
</form>

提交<form>的HTML文档中的JavaScript

  const form = document.forms[0];
  form.onsubmit = e => {
    e.preventDefault();
    // convert `File` object to `data URI`
    if (form.file.files.length) {
      console.log(form.file.files);
      const reader = new FileReader;
      reader.onload = () => {
        form.file.type = "text";
        form.file.value = reader.result;
        form.submit()
      }
      reader.readAsDataURL(form.file.files[0]);
    }
  }

在<form> GET请求

请求的HTML文档中

  // get query string parameters as array of key, value pairs
  // do stuff with form data
  const formData = [...new URLSearchParams(location.search).entries()];

plnkr http://plnkr.co/edit/eP8GvUTc4xkPmuc4T8Pu?p=preview

如何显示使用post方法提交的值在提交表单的HTML文件中？

3 个答案: