我的目标是将数据从我的JSON加载到我的HTML页面。
方法
我制作了一个JS文件:update-info.js
在那里,我对我的JSON文件data.json进行了ajax调用
如果成功,我使用jQuery .html()函数来更新我的HTML DOM文本字段。
不幸的是,它只适用于Chrome。
Chrome中的结果
Firefox + Safari中的结果
我不确定为什么会这样做。
我做了一些我不想做的事吗?
控制台错误:
SyntaxError:严格模式不允许在词法嵌套语句中使用函数声明。
JS
'use strict';
define(['jquery'], function($) {
$(function() {
var basePath = "/BIM/resources/js/reports/student/course-benchmark/";
$.ajax({
url: basePath + "data.json",
type: "GET",
dataType : "json",
success: function( objects ) {
// Load the Visualization API and the piechart package.
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart());
function drawChart() {
var options = {
width: 160,
height: 160,
chartArea: {
left: 10,
top: 20,
width: "100%",
height: "100%"
},
colors: ['#F46E4E', '#F9C262' , '#ADB55E',],
legend: 'none',
enableInteractivity: false,
pieSliceText: 'none',
};
var data = {};
var chart = {};
var danger = {};
var warning