Come accedere alle variabili PHP in JavaScript o jQuery anziché <? Php echo $ variabile?>

Question

Come accedere alle variabili PHP in JavaScript o jQuery? Devo scrivere

<?php echo $variable1 ?> 
<?php echo $variable2 ?> 
<?php echo $variable3 ?> 
... 
<?php echo $variablen ?> 

so di poter memorizzare alcune variabili nei cookie, e accedere a questi valori tramite i cookie, ma i valori in cookie sono valori relativamente stabili. Inoltre, c'è un limite, non è possibile memorizzare molti valori nei cookie e il metodo non è conveniente. C'è un modo migliore per farlo?

Answer 1

L'esempio mostra il modo più semplice per passare variabili PHP a JavaScript. È inoltre possibile utilizzare json_encode per cose più complesse come gli array:

<?php 
    $simple = 'simple string'; 
    $complex = array('more', 'complex', 'object', array('foo', 'bar')); 
?> 
<script type="text/javascript"> 
    var simple = '<?php echo $simple; ?>'; 
    var complex = <?php echo json_encode($complex); ?>; 
</script> 

Oltre a questo, se si vuole veramente di "interagire" tra PHP e JavaScript si dovrebbe usare Ajax.

L'utilizzo dei cookie per questo è un modo molto pericoloso e inaffidabile, poiché vengono memorizzati sul lato client e pertanto aperti a qualsiasi manipolazione o non vengono nemmeno accettati/salvati. Non usarli per questo tipo di interazione. jQuery.ajax è un buon inizio IMHO.

Answer 2

Fondamentalmente sì. Si scrive alert('<?php echo($phpvariable); ?>');

Ci saranno sicuramente altri modi per interagire, ma nessuno dei quali posso pensare di essere il più semplice (o meglio) come sopra.

Answer 3

direi echo() ing direttamente nel codice sorgente JavaScript è il modo più affidabile e compatibile verso il basso. Resta con quello a meno che tu non abbia una buona ragione per non farlo.

Answer 4

Stai chiedendo una specie di domanda in due parti. Per quanto riguarda la sintassi (credo dal PHP4?) È possibile utilizzare:

<?=$var?> 

... se PHP è configurato per consentire esso. Ed è sulla maggior parte dei server.

Per quanto riguarda la memorizzazione dei dati degli utenti, si ha anche la possibilità di riporlo nella sessione:

$_SESSION['bla'] = "so-and-so"; 

per la persistenza da una pagina all'altra. Potresti anche usare un database. Si può anche fare in modo che PHP memorizzi le variabili di sessione nel db. Dipende solo da ciò di cui hai bisogno.

Answer 5

Se AJAX non è un'opzione, è possibile utilizzare strutture di dati annidate per semplificare.

<?php 
$var = array(
    'qwe' => 'asd', 
    'asd' => array(
     1 => 2, 
     3 => 4, 
    ), 
    'zxc' => 0, 
); 
?> 
<script>var data = <?php echo json_encode($var); ?>;</script> 

Answer 6

Ho riscontrato un problema simile durante la creazione di un'impaginazione personalizzata per un sito su cui sto lavorando.

La variabile globale che ho creato in functions.php è stata definita e impostata su 0. Potrei generare questo valore nel mio javascript senza problemi utilizzando il metodo @Karsten descritto sopra. Il problema è stato con l'aggiornamento della variabile globale che ho inizialmente impostato a 0 all'interno del file PHP.

Qui è la mia soluzione (hacky lo so?!), Ma dopo aver lottato per un'ora su una scadenza stretta le seguenti opere:

All'interno archivio-episodi.php:

<script> 
    // We define the variable and update it in a php 
    // function defined in functions.php 
    var totalPageCount; 
</script> 

All'interno functions.php

<?php 
    $totalPageCount = WP_Query->max_num_pages; // In my testing scenario this number is 8. 
    echo '<script>totalPageCount = $totalPageCount;</script>'; 
?> 

Per mantenerlo semplice, mi è stato l'output del variabile TotalPageCount in un $ ajax.success richiamata tramite avviso.

$.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 
     } 

In ogni caso, spero che questo aiuti gli altri! Se qualcuno ha una versione "meno hacky" o un esempio di best practice, sono tutto orecchie.