分离PHP和Javascript代码的最佳方法

Question

有没有一种分离javascript和php代码的最佳方法。例如：

//php code
if(condition1)
{
    ?>
    // javascript code
    $card_typej = $(this).val().trim();
    if(condition2)
    {
        $("#id1").html('<?php echo($var1); ?>');
    }
    else
    {
        $("#id1").html('<?php echo($var2); ?>');
    }
    <?php
}
?>

如果是，那么，如何分开上面的代码？

Answer 1

首先在Javascript变量中存储所需的PHP变量，然后对其进行操作。

<script>
var var2 = <?php echo json_encode($var2); ?>;
var var1 = <?php echo json_encode($var1); ?>;
if(condition1)
{
    ?>
    // javascript code
    $card_typej = $(this).val().trim();
    if(condition2)
    {
        $("#id1").html(var1);
    }
    else
    {
        $("#id1").html(var2);
    }
    <?php
}
?>
</script>

你可以看到，现在不存在复杂的php + js代码混合。