Доступ к PHP var из внешнего файла javascript
Я могу получить доступ к PHP var с помощью Javascript следующим образом:
<?php
$fruit = "apple";
$color = "red";
?>
<script type="text/javascript">
alert("fruit: " + "<?php echo $fruit; ?>"); // or shortcut "<?= $fruit ?>"
</script>
Но что, если я хочу использовать внешний файл JS:
<script type="text/javascript" src="externaljs.js"></script>
externaljs.js:
alert("color: " + "<?php echo $color; ?>");
11 ответов
Вы на самом деле не получаете к нему доступ, вы вставляете его в код JavaScript, когда обслуживаете страницу.
Однако, если ваш другой javascript не из внешнего источника, вы можете сделать что-то вроде:
<?php
$color = "Red";
?>
<script type="text/javascript">var color = "<?= $color ?>";</script>
<script type="text/javascript" src="file.js"></script>
а затем в файле.js используйте цвет так:
alert("color: " + color);
Вы также можете получить доступ к данным из php-скрипта в Javascript (я буду использовать jQuery здесь), как это
Создайте входное скрытое поле внутри вашего php-файла следующим образом
<input type="hidden" id="myPhpValue" value="<?php echo $myPhpValue ?>" />
в вашем файле JavaScript:
var myPhpValue = $("#myPhpValue").val();
//From here you can the whaterver you like with you js Value
if(myPhpValue != ''){
//Do something here
}
Это также сделает работу:)
Я видел, как файлы.js запускались через интерпретатор php. Что я не могу рекомендовать.
Я рекомендую извлекать значения через AJAX, и PHP-файл должен вернуть значение в JS-файл. Который является намного более чистым методом.
Прежде всего вы должны понимать, что ни одна программа не может иметь доступ к переменной другой программы.
Когда вы понимаете это, все остальное просто.
Вы можете либо установить переменную js в главном файле, а затем включить свой внешний js, либо сделать этот внешний js динамическим, также сгенерированным PHP
То, что вы, вероятно, хотите, называется асинхронным JavaScript и XML (AJAX): http://www.w3schools.com/ajax/default.aspa
По сути, представьте себе возможность отправлять сообщения от клиентов JavaScript на ваши PHP-скрипты на сервере. В приведенном вами примере (externaljs.js) сценарий запрашивает у сервера значение $color через HTTP. Вы также можете указать тег сценария на сценарий PHP, который генерирует необходимый вам JavaScript. Это зависит от того, что вам нужно сделать.
Это помогает иметь некоторое представление о проверке заражения, проверке данных и безопасности;)
Как говорят другие, у javascript нет доступа к переменным php. Тем не менее, он имеет доступ к DOM. Таким образом, вы можете использовать php для добавления атрибутов к некоторому элементу страницы. И тогда вы можете получить доступ к этим атрибутам с помощью JavaScript.
например <div id='apple' class='red'> полностью доступен для JavaScript
Дон решение хорошо, более того, если вы хотите использовать массив php во внешнем javascipt, это может помочь вам:
PHP:
<?php
$my_php_array = [];
?>
HTML:
<script type="text/javascript"> var my_js_array = <?php echo json_encode($my_php_array);?> ; </script>
<script src = "../public/js/my-external-js.js"></script>
Javasript: (Теперь вы можете использовать массив как обычный массив Javascript)
my_js_array[0]
my_js_array.length
Вы можете include() их так же, как и все остальное
<?php
$fruit = "apple";
$color = "red";
?>
<script type="text/javascript">
<?php include('/path/to/your/externaljs.js'); ?>
</script>
Это будет в основном отображать внешний файл как встроенный js. Основным недостатком здесь является то, что вы теряете потенциальную выгоду производительности кеширования браузера. С другой стороны, это гораздо проще, чем повторно объявить переменные php в javascript.
externaljs.js - это статический файл. Конечно, он не может получить доступ к данным PHP. Единственный способ передать данные PHP в файл js - это физически изменить файл, записав его в свой сценарий PHP, хотя в лучшем случае это грязное решение.
Отредактируйте в ответ на ответ Олафура Вейджа: я думаю, что запись в файл js - не единственный способ. Передача js через интерпретатор PHP никогда не приходила мне в голову (по уважительной причине).
2017-2018 и выше решение:
Так как никто еще не поднял это, и я думаю, никто не думал о комбинировании функций base64_encode а также json_encode тем не менее, вы можете даже отправлять переменные PHP Array следующим образом:
index.php
<?php
$string = "hello";
$array = ['hi', 'how', 'are', 'you'];
$array = base64_encode(json_encode($array));
Затем вы можете просто загрузить желаемый js-файл с параметром для строки запроса, например так:
echo '<script type="text/javascript" src="js/main.php?string='.$string.'&array='.$array.'">';
затем js/main.php будет выглядеть так, например. Вы можете проверить свои переменные следующим образом:
JS /main.php
<?php
if ($_GET['string']) {
$a = $_GET['string'];
}
if ($_GET['array']) {
$b = $_GET['array'];
}
$b = json_decode(base64_decode($b));
echo 'alert("String $a: + '.$a.'");';
echo 'alert("First key of Array $array: + '.$b[0].'");';
exit();
?>
Следующее будет выводиться при открытии index.php, Итак, вы видите, вы не открываете js/main.php и вы все еще получили функциональность javascript от него.
<script type="text/javascript" src="externaljs.js"></script>
Вы можете изменить это на
<script type="text/javascript" src="externaljs.php"></script>
И PHP-скрипт может просто написать JavaScript так:
<?php
$fruit = "apple";
echo 'var fruit = '.json_encode($fruit);
...
Хотя использование AJAX, как сказал Sepehr Lajevardi, будет намного чище
Вы не можете сделать это и не пытаться делать это, так как это не рекомендуемый подход, однако вы можете передать переменные php в качестве параметров функции в функцию, написанную во внешнем js