【急募】JavaScriptに自信ニキ

**風吹けば名無し** · 2022/03/29(火) 21:57:16.81

JSONファイルを読み込んでhtmlに表示させたいんやが上手くいかない
読み込めてすらなさそうや
なんでなん？
ちなJSONファイルの中身はC#からシリアライズ化して書き込んでるから問題ないはず

**風吹けば名無し** · 2022/03/29(火) 21:58:23.51

tsconfigにresolveJsonModuleつけろ定期

**風吹けば名無し** · 2022/03/29(火) 21:58:28.28

ローカルのhtml？

**風吹けば名無し** · 2022/03/29(火) 21:58:39.04

https://qiita.com/kunihiro9216/items/15339509604d66fdb961
ここを参考にしてJSONファイルを読み込むとこだけ変えてるんやが動かないんや

**風吹けば名無し** · 2022/03/29(火) 21:58:58.45

JSON.parseでオブジェクトで読み込めへんかったか

**風吹けば名無し** · 2022/03/29(火) 21:59:06.72

>>3
せや

**風吹けば名無し** · 2022/03/29(火) 22:00:03.54

まずはパソコンの電源を入れます

**風吹けば名無し** · 2022/03/29(火) 22:00:20.23

ちなこれで読み込んでる

$.getJSON(url, (data) => {
console.log(`id=${data.id}, name=${data.name}, email=${data.email}`);
});

**風吹けば名無し** · 2022/03/29(火) 22:00:51.49

urlをhttps://ポート/test.jsonにしてるんやがダメやねんな

**風吹けば名無し** · 2022/03/29(火) 22:01:17.63

http://localhost:ポート/やった

**風吹けば名無し** · 2022/03/29(火) 22:01:44.45

助けてや

**風吹けば名無し** · 2022/03/29(火) 22:02:17.92

セキュリティの関係でローカルのhtmlでjson読む時はなんかしなきゃいけなかったような

**風吹けば名無し** · 2022/03/29(火) 22:02:24.41

jsonファイルはBOM無しUTF-8か？

**風吹けば名無し** · 2022/03/29(火) 22:02:42.41

>>8
ローカルにあるjsonならファイルシステム（fsで読み込まんの？

**風吹けば名無し** · 2022/03/29(火) 22:03:22.13

あ、普通のjsか

**風吹けば名無し** · 2022/03/29(火) 22:03:52.08

>>13
shiftJISや

**風吹けば名無し** · 2022/03/29(火) 22:04:11.11

そんなめんどうなことせんでも同じ場所にあるなら普通にオブジェクトとしてimportできるやろ

**風吹けば名無し** · 2022/03/29(火) 22:04:12.04

apacheとかiisとか通せばそのままみいけるかも

**風吹けば名無し** · 2022/03/29(火) 22:04:23.93

console.logで一個一個出力してどこで詰まってるか確認するんや

**風吹けば名無し** · 2022/03/29(火) 22:05:02.02

バックエンドでJSON生成してから読み込むんや

**風吹けば名無し** · 2022/03/29(火) 22:05:22.67

>>16
RFC 8259読んでみ

**風吹けば名無し** · 2022/03/29(火) 22:06:22.48

>>19
GoogleChromeのでやってみると>>8のとこでエラーになるんや
ちな=>関数にしてる

**風吹けば名無し** · 2022/03/29(火) 22:06:43.58

そもそもhttp://localhost:ポート/test.jsonはブラウザで見れるのか？

**風吹けば名無し** · 2022/03/29(火) 22:07:32.09

>>21
utf8じゃないとダメなん？
htmlに表示させるのは日本語なんやが

**風吹けば名無し** · 2022/03/29(火) 22:07:33.42

ちな同じ場所にあるならURLはtest.jsonだけでいいで

**風吹けば名無し** · 2022/03/29(火) 22:07:54.46

>>23
見れた

**風吹けば名無し** · 2022/03/29(火) 22:08:27.09

>>25
多分それも試した
./test.jsonも試した

**風吹けば名無し** · 2022/03/29(火) 22:08:50.41

>>24
BOM無しUTF-8ってのがルールや

**風吹けば名無し** · 2022/03/29(火) 22:09:26.11

ローカルで読み込むとCORSに引っかかるから、無効にするか別の方法しないといけないやつや

**風吹けば名無し** · 2022/03/29(火) 22:09:28.16

>>17の通り
htmlでimportすればええんか？
行数が可変だから動的にテーブルを作りたいんやが

**風吹けば名無し** · 2022/03/29(火) 22:09:53.55

エラー貼れ定期

**風吹けば名無し** · 2022/03/29(火) 22:10:08.91

>>31
これ

**風吹けば名無し** · 2022/03/29(火) 22:10:30.35

>>31
パソコン会社やし

**風吹けば名無し** · 2022/03/29(火) 22:10:31.24

普通にAJAXでbytebufferとして読み込んでutf8でtostringするしかないんちゃう？知らんけど

**風吹けば名無し** · 2022/03/29(火) 22:10:59.39

Chromeのコンソール画面だとエラーなかったんだよなあらでも表示されなかった

**風吹けば名無し** · 2022/03/29(火) 22:11:31.19

localのWebサーバーにhtml置いてhttp://localhost:ポート/test.htmlにアクセスやな

**風吹けば名無し** · 2022/03/29(火) 22:11:56.74

HTMLファイルもローカルのウェブサーバーでホストしたものを開いてるんか？

**風吹けば名無し** · 2022/03/29(火) 22:12:20.60

>>33
jsはローカルファイルか？それともローカルサーバ上にあるんか？
多分>>29だと思うで

**風吹けば名無し** · 2022/03/29(火) 22:13:11.39

そのくらいエラー見て解決しような
--allow-file-access-from-files
付けてchrome開けば？
これで開けても根本的な解決ではないけど

**風吹けば名無し** · 2022/03/29(火) 22:13:14.56

多分元がシフJISならstring経由せずにJSON化するのは無理ちゃうか？

**風吹けば名無し** · 2022/03/29(火) 22:13:35.90

>>38
JavaScriptのファイルはサーバー上や
jsもJSONもhtmlも同じ場所

**風吹けば名無し** · 2022/03/29(火) 22:14:12.09

corsひっかかるならhtmlもデプロイしろ無能

**風吹けば名無し** · 2022/03/29(火) 22:14:57.26

一旦axiosとかかませてGETするとか