方案1：AJAX请求
方案2：如你上边的已经PHP读取了数据那把PHP数据变为JS对象/数组。

要么你的后台模板支持在 JavaScript 中内插表达式，要么就暴露一个 API 接口给 JavaScript 来做请求（AJAX），一般推荐后一种方法。接口按照 JavaScript 的要求把格式化的数据发送出去，发送的数据格式可以是 XML，当然 JSON 更好，很容易转换成 JavaScript 对象。

楼主贴的代码是php代码和html混合的，所以服务端的数据可以像html里的数据一样直接输出在script脚本了
script中的代码类似于这样

var data = "<?php echo $data ?>";

之前php要预处理下数据类似这样

<?php
$arr = array(22,44,5655);// 数据数组
$data = json_encode($arr);
?>

一个异步接口去拉数据就可以了。

$.get('/path/to/file', function(data) {

        if(data){
            //将数据塞到你的相应的dom节点中就OK了
        }
    /});