How to create session in jquery to use in multiple forms

Question

In Form_1 I'm setting the session :

   <form action="form_2.php" >
   <input type="text" id="zipcode" maxlength="7" name="zipcode">
   </form>


<script>
   $("form").submit(function(){
      var zipcode = $('#zipcode').val();   
      $.session.set("zipcode","zipcode");
      alert($.session.get("zipcode"));// NOT WORKING :(   
   });

</script>

Meanwhile, the session is not used nor destroyed.

In form_3 I'm getting the session but its not working :

 var zipcode=$.session.get('zipcode'); //NOT WORKING

open in both forms the browser developer tools with F12 and let us know what is in the sessionStorage via Tab Application -> Session Storage — titech
– titech, Commented Nov 20, 2017 at 12:17

titech · Accepted Answer · 2017-11-20 12:39:24Z

1

Try following:

    // save data to sessionStorage
    sessionStorage.setItem('key', 'value');

    // get data from sessionStorage
    var data = sessionStorage.getItem('key');

Referring to following link: Window.sessionStorage

This example works:

<form action="form_2.php" >
   <input type="text" id="zipcode" maxlength="7" name="zipcode">
</form>


<script src="https://code.jquery.com/jquery-3.2.1.min.js integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="crossorigin="anonymous"></script>
<script>
   $("form").submit(function(){
      var zipcode = $('#zipcode').val();   
      sessionStorage.setItem("zipcode", zipcode);
      alert(sessionStorage.getItem("zipcode"));
   });    
</script>

edited Nov 20, 2017 at 12:39

answered Nov 20, 2017 at 12:19

titech

1974 silver badges15 bronze badges

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

4 Comments

DUMB_CODER Over a year ago

i used var data = sessionStorage.getItem('key'); alert (data); its alert null

titech Over a year ago

but the session is filled and visible in developer tools?

DUMB_CODER Over a year ago

No I don’t see In application session storage

DUMB_CODER Over a year ago

Thanks for you @trura you made my day!

CM. · Accepted Answer · 2017-11-20 12:26:43Z

1

I suspect that the handler function needs to prevent the default form submission.

Assuming there is one form on the page:

$form = $("form")
$form.submit(function(e){
   e.preventDefault();
   var zipcode = $('#zipcode').val();   
   $.session.set("zipcode", zipcode);
   $form.submit();
});

answered Nov 20, 2017 at 12:26

CM.

1,0571 gold badge8 silver badges19 bronze badges

2 Comments

CM. Over a year ago

@DUMB_CODER did you debug? put debugger; statement to somewhere in JS your code, open devtools, refresh the page. With limited visibility to your code, it is hard to find out what you are asking for :)

DUMB_CODER Over a year ago

Thanks for your time @cmertayak the above one is working needed to add some link :) all i needed was pass value into session and use it

Collectives™ on Stack Overflow

How to create session in jquery to use in multiple forms

2 Answers 2

4 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related