Send data across two pages using JavaScript

Question

I am a .NET stack developer and I am not so strong in JavaScript. I want to pass a variable defined in the script tag of one html page and retrieve it in a different page. By the time execution control gets to the second page, the value assigned to the variable has been lost and subsequently testVar is null. I'm trying to achieve something similar to this:

In C# I would define a static global variable to achieve this.

HTML Page 1:

<script>
var someVariable = "Hello Word";
</script>

HTML Page 2:

<script>
var testVar = someVariable;
//Expecting testVar to be assigned with Hello World
</script>

You can't pass variables this way. If on the same domain you can leverage localStorage, but that smells kinda strange. What are you attempting to do exactly in the context of a "real" example? — Phix
– Phix, Commented May 21, 2020 at 17:53
I am getting the current url assigned into someVariable. I want to take that and assigned it to testVar which will be used in an anchor tag defined in page 2 i.e Page 2 HTML will have <a href="tesVar"></a> — Harold_Finch
– Harold_Finch, Commented May 21, 2020 at 18:40

Ivan Mozheyko · Accepted Answer · 2020-05-21 18:54:33Z

1

You could store your variable in the global window object.

var someVariable = "Hello Word";

window.stored_value = someVariable;

The window object is global, so just use it in another script.

HTML Page 2:

<script>

var testVar = window.stored_value;

</script>

Please have a look at a similar issue:

Storing a variable in the JavaScript 'window' object is a proper way to use that object?

edited May 21, 2020 at 18:54

answered May 21, 2020 at 17:59

Ivan Mozheyko

264 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Harold_Finch Over a year ago

Then how will I access it in HTML Page 2?

Harold_Finch Over a year ago

I made use of localStorage on the window object

Ivan Mozheyko Over a year ago

Keep in mind that localStorage supports only string format and returns a value as a string stackoverflow.com/questions/2010892/…

dave · Accepted Answer · 2020-05-21 17:56:09Z

0

You'll most likely need to look into the postMessage API, but without knowing more about the two windows and how they are related to each other (was one opened by clicking on a link in the first, for example) it's hard to give you more direction.

answered May 21, 2020 at 17:56

dave

65.1k6 gold badges81 silver badges98 bronze badges

Comments

user13591261 · Accepted Answer · 2020-05-21 18:00:50Z

0

Inother to access external javascript in your html file, create a separate .js file e.g script.js and define someVariable in it then add the script to both html files via the script tag as so <script src="script.js"></script>.

In the script.js file add the code:

var someVariable = "Hello Word";

answered May 21, 2020 at 18:00

user13591261

2 Comments

Harold_Finch Over a year ago

Then how will I access it in HTML Page 2?

user13591261 Over a year ago

@Harold_Finch the same way you already are, <script> var testVar = someVariable; </script> but this time testVar will be defined

Collectives™ on Stack Overflow

Send data across two pages using JavaScript

3 Answers 3

3 Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related