How to access PHP variables in JavaScript or jQuery rather than php echo variable

Question

How do I access PHP variables in JavaScript or jQuery  Do I have to write    lt  php echo  variable1   gt   lt  php echo  variable2   gt   lt  php echo  variable3   gt       lt  php echo  variablen   gt    I know I can store some variables in cookies  and access these values via cookies  but values in cookies are relatively stable values  Moreover  there is a limit  you can not store many values in cookies  and the method is not that convenient  Is there a better way to do it

User · Answer

Basically  yes  You write alert   lt  php echo  phpvariable     gt      There are sure other ways to interoperate  but none of which i can think of being as simple  or better  as the above

User · Answer

I ran into a similar issue when building a custom pagination for a site I am working on   The global variable I created in functions php was defined and set to 0  I could output this value in my javascript no problem using the method  Karsten outlined above  The issue was with updating the global variable that I initially set to 0 inside the PHP file   Here is my workaround  hacky  I know   but after struggling for an hour on a tight deadline the following works   Inside archive-episodes php    lt script gt         We define the variable and update it in a php        function defined in functions php     var totalPageCount    lt  script gt    Inside functions php   lt  php      totalPageCount   WP Query- gt max num pages     In my testing scenario this number is 8      echo   lt script gt totalPageCount    totalPageCount  lt  script gt      gt    To keep it simple  I was outputting the totalPageCount variable in an  ajax success callback via alert     ajax           url  ajaxurl          type   POST           data    action    infinite scroll    page no   pageNumber   posts per page   numResults           beforeSend  function                     ajaxLoading   show                       success  function data                                  alert  DONE LOADING EPISODES                    ajaxLoading   hide                 var  container       episode-container                 if firstRun                     container prepend data                   initMasonry  container                   ieMasonryFix                    initSearch                  else                   var  newItems     data                    container append   newItems   isotope   appended    newItems                              firstRun   false               addHoverState                                            smartResize                 alert totalEpiPageCount      THIS OUTPUTS THE CORRECT PAGE TOTAL             Be it as it may  I hope this helps others  If anyone has a  less-hacky  version or best-practise example I m all ears

User · Answer

If AJAX isn t an option you can use nested data structures to simplify    lt  php  var   array       qwe    gt   asd        asd    gt  array          1   gt  2          3   gt  4              zxc    gt  0       gt   lt script gt var data    lt  php echo json encode  var     gt   lt  script gt

User · Answer

I would say echo   ing them directly into the Javascript source code is the most reliable and downward compatible way  Stay with that unless you have a good reason not to

User · Answer

You re asking kind of a two-part question  As far as syntax  I think since PHP4   you can use     lt    var  gt        if PHP is configured to allow it  And it is on most servers   As far as storing user data  you also have the option of storing it in the session     SESSION  bla      so-and-so     for persistence from page to page  You could also of course use a database  You can even have PHP store the session variables in the db  It just depends on what you need

User · Answer

Your example shows the most simple way of passing PHP variables to JavaScript  You can also use json encode for more complex things like arrays    lt  php      simple    simple string        complex   array  more    complex    object   array  foo    bar       gt   lt script type  text javascript  gt      var simple     lt  php echo  simple    gt        var complex    lt  php echo json encode  complex     gt    lt  script gt    Other than that  if you really want to  interact  between PHP and JavaScript you should use Ajax   Using cookies for this is a very unsafe and unreliable way  as they are stored clientside and therefore open for any manipulation or won t even get accepted saved  Don t use them for this type of interaction  jQuery ajax is a good start IMHO

[php] How to access PHP variables in JavaScript or jQuery rather than <?php echo $variable ?>

Examples related to php

Examples related to javascript

Examples related to jquery