javascript - 如何将数组变量从 Python 插入到 Javascript

Question

我在将数据从数组变量传递到 python javascript 函数时遇到了这个问题。下面是整个脚本

 array1 =[['X-val', 'Y-val'], [4, 5], [8, 12], [11, 14]];

self.response.out.write('<script type="text/javascript">'+
                        'google.load("visualization", "1", {packages:["corechart"]});'+
                        'google.setOnLoadCallback(drawChart);'+
                        'function drawChart() { '+
                        'var data = google.visualization.arrayToDataTable({0});' +
                        'var chart = new google.visualization.LineChart(document.getElementById("casestrend"));chart.draw(data);} '+
                        '</script> '.json.dumps(array1))

这是我要转换为 python 格式的 javascript 代码，其中 arrayToDataTable() 所需的数组将通过查询获取。目前它的静态版本(上面的 array1)不起作用

<script type="text/javascript">                                                                                       
 google.load("visualization", "1", {packages:["corechart"]});                                                        
 google.setOnLoadCallback(drawChart);                                                                                
 function drawChart() {                                                                                              
 var data = google.visualization.arrayToDataTable([['X-val', 'Y-val'], [4, 5], [8, 12], [11, 14]]);                
 var chart = new google.visualization.LineChart(document.getElementById('chart'));                                 
 chart.draw(data);                                                                                                 
 }                                                                                                                   
 </script>  

请告诉我如何将数据(数组)从 python 传递到 javascript 以便加载图表。

Answer 1

您当前的解决方案不起作用，因为 format(您错过了，对吗？)在字符串连接之前调用。

在当前情况下，我更喜欢连接而不是格式，以防止大括号转义:

js_code = '''
          <script type="text/javascript">
          google.load("visualization", "1", {packages:["corechart"]});
          google.setOnLoadCallback(drawChart);
          function drawChart() { 
          var data = google.visualization.arrayToDataTable(''' + json.dumps(array1) + ''');
          var chart = new google.visualization.LineChart(document.getElementById("casestrend"));chart.draw(data);} 
          </script>
          '''