如何在外部JavaScript代码中使用php变量？

Question

通常，当我需要在javascript代码中使用一些php时，我会像这样将代码放入头部：

<script>
    $(function() {

    $("input#datepicker").val('<?php echo $date ?>');
});
</script>

这样，我可以在javascript代码中使用一些php变量。 工作正常。

如果我要将所有JavaScript代码放入外部js文件中，您知道如何执行此操作：

<script type="text/javascript" src="js/admin.js"></script>

也许根本没有关系。 但是我曾经在外部js文件中编码，我想知道是否有可能做到这一点。

Answer 1

您需要将js文件变成php文件。

<script type="text/javascript" src="js/admin.php"></script>

如果仍要保留js扩展名，则需要为您的Web服务器进行重写。

JS / admin.php的

<?php
header("content-type: text/javascript");
?>
$(function() {
    $("input#datepicker").val('<?php echo $date ?>');
});

如果您想要js扩展，这里是一个示例重写。

Nginx的

rewrite /js/admin.js /js/admin.php;

阿帕奇

RewriteEngine On
RewriteBase /
rewrite /js/admin.js /js/admin.php;

Answer 2

最好将js缓存到客户端浏览器中，然后将变量发送给客户端。 如果您将所有js作为新响应提供。 考虑带宽和对您的Web服务器的另一个请求。

<script type="text/javascript" src="js/admin.js"></script>
<script type="text/javascript">
    var myVar = <?php echo json_encode($myVar); ?>;

    myAdminFunction(myVar);
</script>