Carrying over data from one html page to another using javascript

Question

Hi i have a two page basic website with a submission box where you write down a name, then a second page that displays "Welcome___", however my website displays?Welcome=___, I know i need to parse a query string but I'm not sure how to

form.html

<body>
<form action="action.html" method="GET">
<input type="text" name="Welcome" />
<input type="submit" value="Submit" />
</form>
</body>

action.html

<body>
<div id="write">
<p> Welcome  </p>
</div>
<script>
document.getElementById("write").innerHTML = window.location.search; 
</script>
</body>

Answer 1

To parse the querystring and extract from it the parameter you want the URLSearchParams interface offers useful methods to help you do what you want. A simple implementation might look like this.

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


<div id='write'>
    <p>Welcome </p>
</div>

<script>
    let args=new URLSearchParams( location.search );
    if( args.has('Welcome') ){
        document.getElementById('write').querySelector('p').textContent += args.get('Welcome');
    }
</script>

Carrying over data from one html page to another using javascript

Question

1 answers

solution1
0 2022-05-03 07:50:27

Carrying over data from one html page to another using javascript

Question

1 answers

solution1 0 2022-05-03 07:50:27

solution1
0 2022-05-03 07:50:27