テストしようとしている 1 つの関数を含む外部 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 ページが何らかの形で .js ファイルにダンプされているかのように、html ページのすべてのソース コードが表示されます。****
****編集 4 - 「予期しないトークン」エラーをクリックしたときに表示される内容を示すスクリーンショットを追加しました。main.js へのリンクをクリックすると、何らかの形で html ページが .js ファイルにダンプされているように、index.html ページが表示されます。****
