How to fetch one controls value in other page without using query string in jquery?

Question

Iam using two diffrenet pages.

Where First.aspx is having Submit button

when i click on this Submit it must change Labels text in Second.aspx

I tried using common JS file for both.

I have included JS in both First.aspx and Second.aspx.

my JS code for this simple functionlaity is

         StatusChecker.js // Common JS for both pages

        $(function () {

        $(".imgSubmit").click(function () { // imgSubmit is in First.aspx

        $(".lblStatus").text('This is New Status'); //lblStatus is in Second.aspx

         });
          });

Will this not workout???

If not how to fetch one pages control in other. Here i do not want to redirect after submitting or pass Query string. Thanks in advance.

var XYZ= window.opener.document.getElementById('XYZ').value; If it is a pop up — Rohit Tiwari, Jan 16 '14 at 12:28
Also, possible duplicate of http://stackoverflow.com/questions/9733110/get-value-of-a-variable-in-another-page-using-jquery — Rohit Tiwari, Jan 16 '14 at 12:29
But there is about redirection, both pages are linked., here these are entirly diff pages — Pink, Jan 16 '14 at 12:31
Sorry, this is javascript code, it is not the class but the id of the control — Rohit Tiwari, Jan 16 '14 at 12:33
Here after click you mean me to try with these code as window.opener.document.getElementById('lblStatus').value('This is New Status'); — Pink, Jan 16 '14 at 12:34

Anup · Answer 1 · 2014-01-16T12:40:56.277

0

You can use HTML 5 for this. Following is not an exact code.

localStorage.yourValue = "something"; // Set your label value in 1st page in same JS


if(a != null)
{
     var a = localStorage.yourValue = "something";    
}
else
{
     alert(a); // Get the value
}

edited Jan 16 '14 at 12:40

answered Jan 16 '14 at 12:30

Anup

9,396
16
74
138

localStorage.yourvalue? – Pink Jan 16 '14 at 12:36

score 0 · Accepted Answer · answered Jan 16 '14 at 12:56

What you are trying to do is technically inpossible. You can´t create a click event on page A for page B, because they don´t know each other. You must do this by sending messages between the two pages. There two possible solutions to do this:

Wrap the Second.aspx in an iframe in First.aspx. If you doing so, you can access the child document object from Second.aspx inside your JS code in First.aspx (so it´s possible to register an event on html elements in Second.aspx from JS context in First.aspx)
Use localStorage or cookies that stores the message from First.aspx to Second.aspx. Just set the cookie in First.aspx and get it in Second.aspx. But remember that this technique only works in the same domain context due to security reasons. So, your page Fist.aspx and Second.aspx has to be stored on the same top-level domain. LocalStorage is a modern way of storing simple text files with an maximal set of bytes. This was shipped with HTML5, but it´s nearly the same as the old cookie technology, expect cookies got a lifetime, localStorage not.

Yes your answer seems to be correct..., thanks for helping me — Pink, Jan 17 '14 at 04:09
You´re welcme! :-) That´s just a training for me, to keep fit in programming. — alpham8, Jan 17 '14 at 05:55

How to fetch one controls value in other page without using query string in jquery?

2 Answers2