从php获取多个vars到javascript

时间:2016-01-27 21:15:36

标签: javascript php ajax

我需要将2个变量从我的数据库移动到javascript,但到目前为止我尝试过的东西都没有用完
到目前为止,我已经尝试了ajax,但据我所知,我不能单独发送它们,这是必要的 将变量放在url中也不是一个选项,因为它需要刷新页面。由于vars用于在css中进行更改,并且脚本需要多次运行,因此每次运行都将撤消更改 我也尝试在java脚本中使用<?php $var ?>。虽然这适用于函数之外的变量,但它对函数中的任何变量都不起作用
这是我目前用来测试脚本的脚本,欢迎任何建议。

<?php
if(isset($_POST["colourcheck"])){
    $colour = "red";
    $number = 1;
    echo $colour, $number;
    exit();
}
?>
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="../Scripts/main.js"></script>
    <script>
        function checkcolour() {
            var ajax = ajaxObj("POST", "test2.php");
            ajax.onreadystatechange = function () {
                if (ajaxReturn(ajax) == true) {
                    var colour = ajax.responseText;
                    _("unamestatus").innerHTML = colour;
                }
            }
            ajax.send("colourcheck=");
        }
    </script>
</head>
<body>
    <div class="colour 1" onclick="checkcolour()">1</div>
    <div class="colour 2" onclick="checkcolour()">2</div>
    <div class="colour 3" onclick="checkcolour()">3</div>
    <span id="unamestatus"></span>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

如果要在Javascript中使用服务器值,请使用标记中的数据属性。例如:

<input id="my_input" name="color" data-identifier='<?=$server_value?>' />

现在在JS中你可以在任何地方得到它:     // Jquery     $(function(){       警报($( '#my_input')数据( '标识符'));     })

//Plain JS
document.getElementById('my_input').dataset.identifier; 

希望这对你有所帮助。