Wydajny sposób przekazywania zmiennych z PHP do JavaScript

Question

Od czasu do czasu muszę przekazać kilka zmiennych z PHP do skryptu JS. Na razie zrobiłem to tak:

var js-variable = "<?php echo $php-variable; ?>"; 

Ale to jest bardzo brzydki i nie mogę ukryć mój skrypt JS w .js pliku, ponieważ musi być analizowany przez PHP. Jakie jest najlepsze rozwiązanie tego problemu?

Answer 1

Jeśli nie chcesz używać PHP do generowania kodu JavaScript (i nie martw się o dodatkowe połączenie na twój serwer WWW), użyj AJAX do pobrania danych.

Jeśli chcesz używać PHP, zawsze koduj z json_encode przed wyprowadzeniem.

<script> 
    var myvar = <?php echo json_encode($myVarValue); ?>; 
</script> 

Answer 2

Jeśli zmodyfikować plik .htaccess zawierać

AddType application/x-httpd-php .js 

można użyć pliku js i będzie obsługiwane przez PHP, czyli połowę tego, co potrzebują.

Pod względem tego, jak brzydkie jest to rozwiązanie, powiedziałbym, że jest to najmniej szkodliwy mechanizm. Możesz spróbować przekazać cały skrypt JS za pomocą skryptu PHP w postaci ciągu znaków, a następnie przeszukać i zastąpić zmienne, które musisz wstawić, ale myślę, że zgodzisz się, że jest to brzydsze niż rozwiązanie, z którego obecnie korzystasz.

Answer 3

Jeśli chodzi o unikanie uruchamiania plików .js przez parser PHP, niewiele można zrobić, poza możliwością pobrania wartości js-variable za pośrednictwem wywołania AJAX.

Ponadto można rozważyć outputing wartość tak:

var js_variable = <?php echo json_encode ($php_variable); ?> 

uciec wszystkie rzeczy, które mogłyby zepsuć JavaScript.

Answer 4

<?php 
header('content-type:text/javascript;charset=utf-8'); 
printf('var foo = %s;', json_encode($foo, JSON_PRETTY_PRINT)); 

json_encode zapewnia poprawność kodu javascript. Nagłówek mówi przeglądarce, aby zinterpretował ją jako javascript.

następnie można połączyć się z nim jak pliku:

<script src="script.php"></script> 

Alternatywnie, może to być wygodne, aby osadzić wartość bezpośrednio w html zamiast tworzenia oddzielnego żądania HTTP. Czy to tak:

<script> 
    <?php printf('var foo = %s;', json_encode($foo, JSON_HEX_TAG | JSON_PRETTY_PRINT)) ?> 
</script> 

Należy używać JSON_HEX_TAG jeśli osadzanie w kodzie HTML, w przeciwnym razie istnieje ryzyko ataków XSS wtryskowych. Są też inne flagi, których możesz potrzebować, aby zwiększyć bezpieczeństwo w zależności od kontekstu, w którym go używasz: JSON_HEX_AMP, JSON_HEX_QUOT, JSON_HEX_APOS

Answer 5

umieścić wszystkie swoje js plików w folderze i skonfigurować serwer HTTP przekierować wszystkie żądania do tych plików do pliku PHP, który ładuje pliki i wysyła je.

Załóżmy masz Apache i Twoich plikach .js są w/JS:

RewriteRule /js /getjs.php 

getjs.php:

<?php 
header('Content-Type: text/javascript'); 
include_once($_SERVER['SCRIPT_NAME']); 
?> 

Answer 6

Proszę użyć api spp/rpc i przekazać json do swojego js. Można to zrobić w następujący sposób: jeśli używasz jQuery:

rest.php

<?php echo "{name:biplav}" ?> 

następnie od swoich js dokonać się nazwać tak:

var js_var; 
$.get("rest.php", function(data) { 
     js_var=data; 
}); 

Ów najprostszy przykład mogę myśleć.

Answer 7

Moim zdaniem, jeśli chcesz przekazać zmienną bezpośrednio w swoim JS, prawdopodobnie twoja aplikacja internetowa nie jest dobrze zaprojektowana.

Tak, mam dwie wskazówki: pliki * Wykorzystanie JSON dla ogólnych konfiguracjach, jak /js/conf/userprefs.json

{ 
    "avatar": "/img/users/123/avatar.jpg", 
    "preferred_color": "blue" 
    // ... 
} 

• lub (lepiej) można odzyskać confs json z wywołania AJAX.

W przypadku frameworków PHP, takich jak Symfony2, można wybrać format w konfiguracji routingu, pozostawiając wynik zmiennej w silniku szablonów (np. Twig).

zrobić przykład dla użytkowników Symfony2 ale może to zostać wykorzystane przez każdego programisty:

routing.yml

userprefs: 
    pattern: /js/confs/userprefs.{_format} 
    defaults: { _controller: CoreBundle:JsonPrefs:User, _format: json } 
    requirements: 
     _format: json 
     _method: GET 

Wewnątrz kontrolera można zrobić wszystkie zapytania, które trzeba pobrać zmienne umieszczenie ich w widoku:

resources/views/JsonPrefs/User.json

{ 
    "avatar": "{{ user.avatar }}", 
    "preferred_color": "{{ user.preferred_color }}" 
    // ... 
} 

Wewnątrz JS teraz będziesz mógł odzyskać JSON za pomocą prostego wywołania AJAX. Dla celów wydajności możesz buforować JSONy (na przykład) za pomocą Varnish. W ten sposób serwer nie musi wykonywać kwerendy za każdym razem, gdy czytasz preferencje użytkownika.

Answer 8

Przynajmniej można użyć shortcode PHP, aby Twoje rozwiązanie „brzydki” czystsze bitowe:

var js-variable = "<?= $php-variable ?>";