Thread: How to pass a PHP variable to Javascript

Was wondering how i'd go about passing a php variable to my javascript. For example, i have the following code:

Code:

$("#sort").change(function() {
      window.location =  "/page.php" + $("#sort").val();
    });

How could I go about using a PHP variable to include the "/page.php" instead of having to define it manually for every page I would like to use it on?

I've tried a few things but seem to be failing pretty bad lol, for example things like:

Code:

$("#sort").change(function() {
      window.location =  "<?php echo $page ?>" + $("#sort").val();
    });

and obviously are not working

Any help is greatly appreciated, Thanks!

This is the way to go:

Code:

$("#sort").change(function() {
      window.location = "<?= $page ?>" + $("#sort").val();
    });

Thanks for the response, Nemanja!

Tried using the code, and seemed to try to sort (page refreshed and such as it should) but didn't seem to pass the variable as defined by the php to the javascript.

When the page refreshed it tried actually using the exact string that is in the quotes (page url looked like: domain DOT com/<?= $page ?>/s-sort/so-sortorder)

My file structure is as follows, maybe that has to do with something. Pretty much, trying to define the page URL in my .php page, pass it to my main include page and have my main JS file reference the php variable that i have defined and sort. The code given seems to be trying to process, given the page refreshing and such but does not seem to be grabbing the variable.

Do I need to include some sort of incline script to have my js utilize the variable in the file in which the code is in?

Thanks for the help!

Originally Posted by Trek

Thanks for the response, Nemanja!

Tried using the code, and seemed to try to sort (page refreshed and such as it should) but didn't seem to pass the variable as defined by the php to the javascript.

When the page refreshed it tried actually using the exact string that is in the quotes (page url looked like: domain DOT com/<?= $page ?>/s-sort/so-sortorder)

My file structure is as follows, maybe that has to do with something. Pretty much, trying to define the page URL in my .php page, pass it to my main include page and have my main JS file reference the php variable that i have defined and sort. The code given seems to be trying to process, given the page refreshing and such but does not seem to be grabbing the variable.

Do I need to include some sort of incline script to have my js utilize the variable in the file in which the code is in?

Thanks for the help!

Then pass php var outside the function.

var page = "<?= $page ?>";

$("#sort").change(function() {
window.location = page + $("#sort").val();
});

Awesome, works like a charm

Thanks for the help, Nemanja!

Originally Posted by Trek

Awesome, works like a charm

Thanks for the help, Nemanja!

No problems