php - 在 PHP 和 JavaScript 之间交换变量

Question

选中的单选按钮将通过下拉框显示其对应的城市列表。例如，在选中单选按钮“Ontario”后，将显示一个包含匹配城市的下拉框(在此示例中，“Region”为 Ontario，ID 为 77)。

示例中下面提到的所有 PHP 函数、循环和 JavaScript 代码均正常工作:

<script type="text/javascript">
$(document).ready(function(){
  $('#locationTree input:radio').change(function() {
    var buttonPressed = $('input:radio[name=Region]:checked').val();

    if(buttonPressed == 77) {
      var listCities = $("select[name='City']");
      <?php View::newInstance()->_exportVariableToView(77); ?>
      <?php while(has_list_cities()) { ?>
        $("<option><?php echo list_city_name(); ?></option>").appendTo(listCities);
      <?php } ?>                
    } 

  });   
});
</script>  

要获取不同地区的城市列表，而不是专门针对 77，我可以按如下方式稍微更改 PHP 代码:

 <?php View::newInstance()->_exportVariableToView($regionCode); ?>

并且由于变量“buttonPressed”检测到“Region”的选定 ID，我可以添加以下简单脚本:

<?php $regionCode = "<script>document.write(buttonPressed)</script>"; ?>   

经过上述修改后:

var listCities = $("select[name='City']");
<?php $regionCode = "<script>document.write(buttonPressed)</script>"; ?>   
<?php View::newInstance()->_exportVariableToView($regionCode); ?>

我知道 PHP 在服务器端运行，而 JavaScript 在客户端运行，但我认为我在 PHP 和 JavaScript 之间交换变量的简单解决方案应该可行……但它不起作用。我真的要求有人帮助我让它工作。

Answer 1

使用 HTML 5 提供的数据属性交换变量(服务器到客户端)。我为初始页面加载执行此操作。

要在初始页面加载后交换变量，可以使用 ajax 调用。

数据属性示例

通过 PHP 写入 HTML

<div id='universals' data-path='/zz/' data-load='1'></div>

JavaScript

var data_dom = $('#universals')[0],
    key,
    universals = [];
for (key in data_dom.dataset) {
    universals[key] = data_dom.dataset[key];
}