Ajax jQuery 错误“google 未定义”?

发布于 2024-12-26 09:35:10 字数 1490 浏览 4 评论 0原文

我有一个ajax调用

  $.ajax({
        url: "dashboard.phtml",
        cache: false,
        success: function(content){
  $(#div).html(content);
 }
  });

,我的dashboard.phtml是

 <script type="text/javascript" src="https://www.google.com/jsapi"></script>
 <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
  <script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});

 function drawChartPie1() {
    var data = new google.visualization.DataTable();
  data.addColumn('string', 'Topping');
  data.addColumn('number', 'Slices');
  data.addRows([
    ['Open', openProjectsNum],
    ['Done', completedProjectsNum],
    ['Hold', onHoldProjectsNum]
  ]);

    var options = {
    'backgroundColor' : '#f8f8f8',
    'legend' : 'right',
    'title':'Project Status',
    'titleTextStyle':{
        color: 'dimgray', 
        fontSize: '14'
    },
    'colors':['#dc3912','#349853','#ea8706'],
    'chartArea.width':'auto',
    'chartArea.height':'auto',
    'height':'200',
    'width' : '260'
}

    var chart = new   google.visualization.PieChart(document.getElementById('chart_div00'));
    chart.draw(data,options);
  }

var completedProjectsNum = 1;
var openProjectsNum = 2;
var onHoldProjectsNum = 3;
google.setOnLoadCallback(drawChartPie1);
</script>

但是在ajax调用期间我收到错误“google未定义”...请帮我解决这个问题。显示该错误位于 jquery-1.6.2.min.js 中。由于此错误,图表无法绘制。我应该怎么办 ?

I have an ajax call

  $.ajax({
        url: "dashboard.phtml",
        cache: false,
        success: function(content){
  $(#div).html(content);
 }
  });

and my dashboard.phtml is

 <script type="text/javascript" src="https://www.google.com/jsapi"></script>
 <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
  <script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});

 function drawChartPie1() {
    var data = new google.visualization.DataTable();
  data.addColumn('string', 'Topping');
  data.addColumn('number', 'Slices');
  data.addRows([
    ['Open', openProjectsNum],
    ['Done', completedProjectsNum],
    ['Hold', onHoldProjectsNum]
  ]);

    var options = {
    'backgroundColor' : '#f8f8f8',
    'legend' : 'right',
    'title':'Project Status',
    'titleTextStyle':{
        color: 'dimgray', 
        fontSize: '14'
    },
    'colors':['#dc3912','#349853','#ea8706'],
    'chartArea.width':'auto',
    'chartArea.height':'auto',
    'height':'200',
    'width' : '260'
}

    var chart = new   google.visualization.PieChart(document.getElementById('chart_div00'));
    chart.draw(data,options);
  }

var completedProjectsNum = 1;
var openProjectsNum = 2;
var onHoldProjectsNum = 3;
google.setOnLoadCallback(drawChartPie1);
</script>

But during ajax call i am getting the error "google is not defined"...Please help me to sort out this problem. Showing that error is in jquery-1.6.2.min.js. Due to this error the chart is not drawing. What should i do ?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

月寒剑心 2025-01-02 09:35:10

首先,使用新的 jQuery.ajax() 方法。接下来,尝试将 dataType 参数设置为 html。

$.ajax({
  url: "test.html",
  cache: false,
  dataType: "html"
}).done(function( html ) {
    $( "#results" ).append( html );
});

First, use the new jQuery.ajax() method. Next, try setting the dataType parameter to html.

$.ajax({
  url: "test.html",
  cache: false,
  dataType: "html"
}).done(function( html ) {
    $( "#results" ).append( html );
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文