JavaScriptに自信ニキ

1 : 2022/03/29(火) 21:57:16.81 ID:r9oAdKStMNIKU: JSONファイルを読み込んでhtmlに表示させたいんやが上手くいかない
読み込めてすらなさそうや
なんでなん？
ちなJSONファイルの中身はC#からシリアライズ化して書き込んでるから問題ないはず
2 : 2022/03/29(火) 21:58:23.51 ID:MfC4JZt20NIKU: tsconfigにresolveJsonModuleつけろ定期
3 : 2022/03/29(火) 21:58:28.28 ID:m28OfQwc0NIKU: ローカルのhtml？
6 : 2022/03/29(火) 21:59:06.72 ID:r9oAdKStMNIKU: >>3
せや
4 : 2022/03/29(火) 21:58:39.04 ID:r9oAdKStMNIKU: https://qiita.com/kunihiro9216/items/15339509604d66fdb961
ここを参考にしてJSONファイルを読み込むとこだけ変えてるんやが動かないんや
5 : 2022/03/29(火) 21:58:58.45 ID:KU95C4jN0NIKU: JSON.parseでオブジェクトで読み込めへんかったか
7 : 2022/03/29(火) 22:00:03.54 ID:1UN8BjEE0NIKU: まずはパソコンの電源を入れます
8 : 2022/03/29(火) 22:00:20.23 ID:r9oAdKStMNIKU: ちなこれで読み込んでる

$.getJSON(url, (data) => {
console.log(`id=${data.id}, name=${data.name}, email=${data.email}`);
});
14 : 2022/03/29(火) 22:02:42.41 ID:KU95C4jN0NIKU: >>8
ローカルにあるjsonならファイルシステム（fsで読み込まんの？
9 : 2022/03/29(火) 22:00:51.49 ID:r9oAdKStMNIKU: urlをhttps://ポート/test.jsonにしてるんやがダメやねんな
10 : 2022/03/29(火) 22:01:17.63 ID:r9oAdKStMNIKU: http://localhost:ポート/やった
11 : 2022/03/29(火) 22:01:44.45 ID:r9oAdKStMNIKU: 助けてや
12 : 2022/03/29(火) 22:02:17.92 ID:m28OfQwc0NIKU: セキュリティの関係でローカルのhtmlでjson読む時はなんかしなきゃいけなかったような
13 : 2022/03/29(火) 22:02:24.41 ID:fQDjQn3z0NIKU: jsonファイルはBOM無しUTF-8か？
16 : 2022/03/29(火) 22:03:52.08 ID:r9oAdKStMNIKU: >>13
shiftJISや
21 : 2022/03/29(火) 22:05:22.67 ID:fQDjQn3z0NIKU: >>16
RFC 8259読んでみ
24 : 2022/03/29(火) 22:07:32.09 ID:LL+tXNzWMNIKU: >>21
utf8じゃないとダメなん？
htmlに表示させるのは日本語なんやが
28 : 2022/03/29(火) 22:08:50.41 ID:fQDjQn3z0NIKU: >>24
BOM無しUTF-8ってのがルールや
15 : 2022/03/29(火) 22:03:22.13 ID:KU95C4jN0NIKU: あ、普通のjsか
17 : 2022/03/29(火) 22:04:11.11 ID:MfC4JZt20NIKU: そんなめんどうなことせんでも同じ場所にあるなら普通にオブジェクトとしてimportできるやろ
30 : 2022/03/29(火) 22:09:28.16 ID:LL+tXNzWMNIKU: >>17の通り
htmlでimportすればええんか？
行数が可変だから動的にテーブルを作りたいんやが
18 : 2022/03/29(火) 22:04:12.04 ID:m28OfQwc0NIKU: apacheとかiisとか通せばそのままみいけるかも
19 : 2022/03/29(火) 22:04:23.93 ID:JAkAQ8fU0NIKU: console.logで一個一個出力してどこで詰まってるか確認するんや
20 : 2022/03/29(火) 22:05:02.02 ID:LL+tXNzWMNIKU: バックエンドでJSON生成してから読み込むんや
25 : 2022/03/29(火) 22:07:33.42 ID:MfC4JZt20NIKU: ちな同じ場所にあるならURLはtest.jsonだけでいいで
27 : 2022/03/29(火) 22:08:27.09 ID:LL+tXNzWMNIKU: >>25
多分それも試した
./test.jsonも試した
29 : 2022/03/29(火) 22:09:26.11 ID:KU95C4jN0NIKU: ローカルで読み込むとCORSに引っかかるから、無効にするか別の方法しないといけないやつや
31 : 2022/03/29(火) 22:09:53.55 ID:INgziWJS0NIKU: エラー貼れ定期
32 : 2022/03/29(火) 22:10:08.91 ID:3iioMeR4dNIKU: >>31
これ
33 : 2022/03/29(火) 22:10:30.35 ID:LL+tXNzWMNIKU: >>31
パソコン会社やし
34 : 2022/03/29(火) 22:10:31.24 ID:MfC4JZt20NIKU: 普通にAJAXでbytebufferとして読み込んでutf8でtostringするしかないんちゃう？知らんけど
35 : 2022/03/29(火) 22:10:59.39 ID:LL+tXNzWMNIKU: Chromeのコンソール画面だとエラーなかったんだよなあらでも表示されなかった