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

博主尝试通过AJAX从"data.json"加载JSON数据到HTML页面。在Chrome中成功,但在Firefox和Safari中遇到问题。错误提示为:严格模式不允许在词法嵌套语句中使用函数声明。代码中,JSON数据被用于更新页面的不同元素,如饼状图和学生报告的部分。
摘要由CSDN通过智能技术生成

我的目标是将数据从我的JSON加载到我的HTML页面。

方法

我制作了一个JS文件:update-info.js

在那里,我对我的JSON文件data.json进行了ajax调用

如果成功,我使用jQuery .html()函数来更新我的HTML DOM文本字段。

不幸的是,它只适用于Chrome。

Chrome中的结果

USQf0.png

Firefox + Safari中的结果

Aq6ux.png

我不确定为什么会这样做。

我做了一些我不想做的事吗?

控制台错误:

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 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值