我有一个外部 js 文件,其中包含一个我正在尝试测试的功能。我无法从 onclick 调用函数。
我有一个 init 函数,我删除了对它的调用,只是直接调用了 loadJSON 函数,但无论我做什么,我都会得到一个引用错误。
我调查了这些问题。 未捕获的异常:ReferenceError:未定义的变量:$
似乎都没有帮助。
function loadJSON(){
var xobj = new XMLHttpRequest();
// must set the mime type
xobj.overrideMimeType("application/json");
// Open the JSON file
xobj.open('GET', 'json/data.json', true);
xobj.onreadystatechange=function(){
if(xobj.readyState == 4 && xobj.status == "200"){
// Required use of an anonymous callback as
// .open will NOT return a value but simply
// returns undefined in asynchronous mode
console.log(xobj.responseText);
}
};
xobj.send(null);
}
https://codepen.io/awschneider-dev/pen/LKKxyq?editors=1010
例如见codepen
我想要的只是让 JavaScript 提取 Json,然后我可以开始将它保存在 JavaScript 对象中,这样我就可以动态地开始使用数据构建 d3 图表。我确实使用带有 Node.JS 的实时服务器,所以我可以对 JSON 文件执行 xml 请求,所以我知道这不是问题。
任何和所有的帮助表示赞赏。
谢谢!
****编辑-我的错,我最初在loadJSON之后有(),但作为最后的努力将其删除,只是为了看看它是否会起作用。我会修钢笔的。我很抱歉”****
****编辑 2 - 我将脚本移动到内联,当我在 NodeJS Live-Server 中执行时,该行将console.log(xobj.responseText);
返回 html 页面的整个源代码。那很有意思!这到底是怎么回事?****
****编辑 3 - 添加了 Techie_28 的屏幕截图。当我单击 main.js 的“Unexpected Token <”错误时,它会显示 html 页面的所有源代码,就好像 html 页面以某种方式被转储到 .js 文件中一样。****
****编辑 4 - 添加屏幕截图以显示单击“意外令牌”错误时出现的内容。我单击指向 main.js 的链接,它所做的只是向我显示 index.html 页面,就像 html 页面以某种方式被转储到 .js 文件中一样。****