小编Dan*_*etz的帖子

异步加载Google jsapi

今天Google图表存在问题,因此如果我们无法加载js文件,我们会尝试优雅地失败.以下工作正常:

<script type="text/javascript" src="https://www.google.com/jsapi?autoload=%7B%22modules%22%3A%5B%7B%22name%22%3A%22visualization%22%2C%22version%22%3A%221.0%22%2C%22packages%22%3A%5B%22corechart%22%5D%7D%5D%7D"></script>
Run Code Online (Sandbox Code Playgroud)

问题是它会阻止运行其他代码,因为它正在等待脚本超时.

加载下面的代码,

<script type="text/javascript">
$.ajax({
    url: 'https://www.google.com/jsapi?autoload=%7B%22modules%22%3A%5B%7B%22name%22%3A%22visualization%22%2C%22version%22%3A%221.0%22%2C%22packages%22%3A%5B%22corechart%22%5D%7D%5D%7D',
    dataType: 'script',
    cache: true, // otherwise will get fresh copy every page load
    success: function() {
      google.load("visualization", "1", {packages:["corechart"]}); 
    }
});
</script>
Run Code Online (Sandbox Code Playgroud)

但是当我尝试使用诸如的可视化时,它会出错

var data = new google.visualization.DataTable();
Run Code Online (Sandbox Code Playgroud)

我正在做什么或者我们是否遇到问题,如果谷歌遇到问题,我们只需要等待js文件超时并继续前进?

谢谢!

javascript jquery google-visualization

6
推荐指数
2
解决办法
6124
查看次数

标签 统计

google-visualization ×1

javascript ×1

jquery ×1