How to access PHP session variables from jQuery function in a .js file?

Question

How to access PHP session variables from jQuery function in a .js file? In this code, I want to get "value" from a session variable

$(function() {    $("#progressbar").progressbar({       value: 37    }); }); 

Answer 1

You can produce the javascript file via PHP. Nothing says a javascript file must have a .js extention. For example in your HTML:

<script src='javascript.php'></script> 

Then your script file:

<?php header("Content-type: application/javascript"); ?>  $(function() {     $( "#progressbar" ).progressbar({         value: <?php echo $_SESSION['value'] ?>     });      // ... more javascript ... 

If this particular method isn't an option, you could put an AJAX request in your javascript file, and have the data returned as JSON from the server side script.

Answer 2

I was struggling with the same problem and stumbled upon this page. Another solution I came up with would be this :

In your html, echo the session variable (mine here is $_SESSION['origin']) to any element of your choosing : <p id="sessionOrigin"><?=$_SESSION['origin'];?></p>

In your js, using jQuery you can access it like so : $("#sessionOrigin").text();

EDIT: or even better, put it in a hidden input

<input type="hidden" name="theOrigin" value="<?=$_SESSION['origin'];?>"></input>