質問するログイン新規登録

質問編集履歴

1

aaaaaaa

2020/09/13 06:15

投稿

退会済みユーザー
title CHANGED
@@ -1,1 +1,1 @@
1
- javascriptでjsonデータ取り出しをしたい
1
+ div配置指定をしたい
body CHANGED
@@ -1,74 +1,1 @@
1
- jsonデータの取り出しをしたくて、過去にやりたい事と似たような記事があったので、それを参考に自分で使えそうなところを改変したんですが、動きません。
2
-
3
- 過去記事
4
- > https://teratail.com/questions/30800
5
-
6
-
7
- 過去記事と自分のjsonデータの文法が少し違うから、動かないのでは。。。?
8
- とも思ったりしたのですが、関係ないでしょうか。
9
-
10
- 根本的に理解てなは承知の上ですが教示頂きたす。
1
+ ありとうございます。あがとうござます。ありがうございま。ありとうす。
11
- undefinedが4つ出てきます。
12
- ```html
13
- <!DOCTYPE html>
14
- <html lang="ja">
15
-
16
- <head>
17
- <meta charset="utf-8">
18
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
19
- </script>
20
- </head>
21
-
22
- <body>
23
- <div id="wrap">
24
- <script type="text/javascript">
25
- $(document).ready(function() {
26
- $.getJSON("data.json", function(data) {
27
- for (var i in data) {
28
- var div = '<h5>' +
29
- data[i].title +
30
- '</h5>' +
31
- '<div class="box">' +
32
- '<ul class="inner-list">';
33
- for (var j in data[i].text) {
34
- div += '<li>' +
35
- data[i].menu[j].menu +
36
- '</li>';
37
- }
38
- div += '</ul>' +
39
- '</div>';
40
- $("#wrap").append(div);
41
- }
42
- });
43
- });
44
- </script>
45
- </div>
46
- <div class="page_link" id="page_link"></div>
47
- </body></html>
48
-
49
- ```
50
-
51
- ```json
52
- {
53
- "title": "タイトル",
54
- "text": {
55
- "menu": "タイトル",
56
- "menu1": "タイトル",
57
- "menu2": {}
58
- },
59
- "text1": {
60
- "menu3": "タイトル",
61
- "menu4": "タイトル",
62
- "menu5": {}
63
- },
64
- "text2": {
65
- "menu6": "タイトル",
66
- "menu7": {
67
- "menu8": {
68
- "menu9": "タイトル",
69
- "menu10": 120
70
- }
71
- }
72
- }
73
- }
74
- ```