json往html页面传值,如何将我的JSON文件中的数据加载到我的HTML页面？

我的目标是将数据从我的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