如何顯示使用post方法提交的值在表單提交給的HTML文件中？

Question

我使用post方法將表單提交到另一個用action =「」指定的HTML文件，但是一旦它將我重定向到第二個HTML文件，我如何顯示它接收到的數據？使用JavaScript。

Answer 1

設置node.js服務器並讀取已發佈的值。 HTML本身並不會接收數據，但是您可以使用您閱讀的內容生成HTML服務器端。

Answer 2

看起來幾乎不可能從客戶端讀取POST [JavaScript的]

看一看這樣的：how to read the post request parameters using javascript！

Answer 3

您可以在請求的HTML document處發出GET請求並解析查詢字符串參數。

HTML

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

在HTML文檔的JavaScript在那裏<form>在由<form>GET要求

// 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請求HTML文檔提交

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]); 
    } 
    }