javascript - 是否可以在包含 php 的 javascript 变量中使用 javascript 变量？

Question

我正在尝试在执行函数的 php 代码中使用 JS 变量。基于选定的单选按钮，Javascript 从单选按钮的数据属性 (trimcode) 获取一串代码，我需要将其设置为我的 PHP 函数中的键，其中一个变量需要数组键。

结果将是，无论何时选择单选按钮，此函数内的 PHP 函数将使用“code”变量执行，从而通过 javascript innerhtml 将其返回值作为“byo”类 div 的内部内容返回。但是，我无法弄清楚如何在另一个 javascript 变量内的 PHP 代码中使用 javascript 变量。有人可以指出我正确的方向吗？

<script type='text/javascript'> 

$(document).ready(function(){
var code;
var colorsavailable;

$("input:radio[name=trimlevel]").click(function() {
    code = $(this).data("trimcode");
    colorsavailable = ("<?=byoTrimImageColors($modelMap["+code+"],$hexcolors)?>");
     $('#byo').html(colorsavailable);

  });
 });
});
</script>  

Answer 1

我认为您混淆了服务器端代码和客户端代码的概念。

当页面被请求时，PHP 代码一次，完整运行。然后，在执行后，生成的页面将发送到运行 JavaScript 代码的浏览器。并且该行 PHP 代码不会针对每个点击事件执行。它将执行一次，而且只执行一次，并且只向页面发出一个结果。

鉴于它看起来您正在尝试做的事情，您可能有两个选择:

1. 在 JavaScript 代码中包含您要调用的功能，然后直接在 JavaScript 代码中调用它，而不是在 PHP 代码中调用。无论那个数组是什么，无论那个函数是什么，用 JavaScript 实现它们。那么根本不需要涉及 PHP。
2. 如果功能需要在服务器端代码中，那么您将需要使用 AJAX 来调用它。本质上，您将创建一个单独的 PHP“页面”(它发出 JSON 数据，而不是实际页面)来接受值、调用功能并发出结果。 JavaScript 代码将向该资源发出 AJAX 请求并使用结果。

客户端，AJAX 调用可能看起来像这样:

code = $(this).data("trimcode");
$.post('someNewPage.php', { code : code }, function (result) {
    $('#byo').html(result);
});

服务器端(我主要是在这里猜测)，someNewPage.php 可能有类似的东西:

$code = $_POST['code'];
// you'll want to sanitize the $code value here, since it's user input
$result = byoTrimImageColors($modelMap[$code],$hexcolors);
echo json_encode($result);