4

我正在使用 Ajax 代码加载 html 页面

例如：

  $.ajax({
  url: 'Context.html',
  dataType: 'html',
  timeout: 500, 
  success: function(html) {
  $("div#mainbody").html(html);
  }
  });

Context.html 我在其他一些 html 页面中加载它说 Home.html

但我在 Context.html 中使用谷歌 API 生成饼图

生成饼图的代码，即在 Context.html 中是

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
 google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Year', 'Count'],
      ['2005',  70],
      ['2006',  80],
      ['2007',  140],
      ['2008',  220],
      ['2009',  290],
      ['2010',  400],
      ['2011',  500]
    ]);

    var options = {
      title: 'Head Count-(Apple Year)',
      colors:['#129212']              
      };
 var chart = new google.visualization.ColumnChart(document.getElementById('jsf_headcount_bargraph'));
   chart.draw(data, options);
    }
  </script>

当我在 Home.html 页面中加载 Context.html 时，在将 Context.html 加载到 Home.html 后找不到饼图

我尝试给 ALERT(""); 在我为饼图编写代码的脚本中。我收到警报消息，所以 Ajax 正在执行 javascript，但我没有得到相同脚本的饼图。所以我被困在 Home.html 页面中加载饼图

4

2 回答 2

0

如果我替换代码一切正常

google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);

内联

google.load('visualization', '1.0', {'packages':['corechart'], "callback": drawChart});
于 2014-06-24T01:20:14.953 回答
0

如果你像这样制作 Context.html

<script>
var j = 20;
alert();
</script>

然后我确实收到了警报（使用 $.ajax({success: function() {} }) 等）。

[ 例子 ]

function execAjax() {
    $.ajax( {
        url: 'index2.html',
        success: function( html ) {
            $("#content").html( html );

            checkJSvalue();
        },
        error: function() {
            alert( "Error" );
        }
    });
}

function checkJSvalue() {

    alert( j );
}

示例 HTML (index2.html)

<div>
content of index2.html
</div>
<script>
var j = 20;
alert();
</script>

我试图做的是将代码直接放在'home.html'中，但我已经遇到了错误。无论如何，您应该颠倒绘图函数的使用和声明顺序。

// Bad
// google.setOnLoadCallback(drawChart);
// function drawChart() {}

// Good
function drawChart() {}
google.setOnLoadCallback(drawChart);


除此之外，我已经从 google.jsapi.js 得到了这个错误（在本地复制）

Uncaught Error: Container is not defined format+nl,default,corechart.I.js:841

所以那里出了点问题，这不是实际问题的一部分，它被缩小了等等，所以我不会去那里。

希望这有帮助:)

于 2012-10-05T09:00:37.377 回答