Question

I was just wondering whether there is some way to do this:

I have a form in a web page, after the user submits the form, the page is redirected to another static HTML page.

Is there any way to manipulate the data in the second HTML page without the help of any server code?

I mean can I display the form data that the user submitted in the second page?

Of course there should be a navigation, not some Ajax code to load the second page (using which it would be easy to manipulate the data).

Answer 1

You can use a <form> with GET method to go to another static HTML page with some query parameters and then grab those parameters with JavaScript:

First page:

<form method='GET' action='page2.html'>     <input type='text' name='value1'/>     <input type='text' name='value2'/>     <input type='submit'/> </form> 

Second page:

<script type='text/javascript'> function getParams() {     function decode(s) {         return decodeURIComponent(s).split(/\+/).join(' ');     }      var params = {};      document.location.search.replace(         /\??(?:([^=]+)=([^&]*)&?)/g,         function () {             params[decode(arguments[1])] = decode(arguments[2]);         });      return params; }  var params = getParams();  alert('value1=' + params.value1); alert('value2=' + params.value2); // or massage the DOM with these values </script>