質問編集履歴
3
jsonデータに変更しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
HTMLが初期データとします。
|
|
6
6
|
|
|
7
|
-
jQuery側は、p要素をカウントしてデータを２件づつ読み込むとします。
|
|
7
|
+
jQuery側は、p要素をカウントして、Jsonデータを２件づつ読み込むとします。
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
@@ -22,35 +22,27 @@
|
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
```lang-j
|
|
25
|
+
```lang-json
|
|
26
26
|
|
|
27
|
+
[{id: 1, name: "kotarou"},
|
|
27
28
|
|
|
29
|
+
{id: 2, name: "kotetsu"},
|
|
28
30
|
|
|
29
|
-
|
|
31
|
+
{id: 4, name: "yume"},
|
|
30
32
|
|
|
33
|
+
{id: 8, name: "tama"},
|
|
31
34
|
|
|
35
|
+
{id: 9, name: "mike"},
|
|
32
36
|
|
|
33
|
-
|
|
37
|
+
{id: 13, name: "pochi"}
|
|
34
38
|
|
|
35
|
-
{id: 2, name: "kotetsu"},
|
|
36
|
-
|
|
37
|
-
{id: 4, name: "yume"},
|
|
38
|
-
|
|
39
|
-
{id: 8, name: "tama"},
|
|
40
|
-
|
|
41
|
-
{id: 9, name: "mike"},
|
|
42
|
-
|
|
43
|
-
{id: 13, name: "pochi"}
|
|
44
|
-
|
|
45
|
-
|
|
39
|
+
]
|
|
46
|
-
|
|
47
|
-
});
|
|
48
40
|
|
|
49
41
|
```
|
|
50
42
|
|
|
51
|
-
「もっと読み込む」ボタンを設置して、２件づつ読み込
|
|
43
|
+
「もっと読み込む」ボタンを設置して、２件づつ読み込みました。
|
|
52
44
|
|
|
53
|
-
読み込まれ
|
|
45
|
+
読み込まれたデータは以下のような形になります。
|
|
54
46
|
|
|
55
47
|
```lang-HTML
|
|
56
48
|
|
2
jqueryのデータを削除しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
|
+
考え方を教えてください。
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
1
5
|
HTMLが初期データとします。
|
|
2
6
|
|
|
3
|
-
jQuery側は、p要素をカウントしてデータを２件づつ読み込
|
|
7
|
+
jQuery側は、p要素をカウントしてデータを２件づつ読み込むとします。
|
|
4
8
|
|
|
5
9
|
|
|
6
10
|
|
|
@@ -26,12 +30,6 @@
|
|
|
26
30
|
|
|
27
31
|
|
|
28
32
|
|
|
29
|
-
var p_count = $('p').length;
|
|
30
|
-
|
|
31
|
-
var next_count = p_count + 2
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
33
|
var array_name = [{id: 1, name: "kotarou"},
|
|
36
34
|
|
|
37
35
|
{id: 2, name: "kotetsu"},
|
|
@@ -45,16 +43,6 @@
|
|
|
45
43
|
{id: 13, name: "pochi"}
|
|
46
44
|
|
|
47
45
|
]
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
for(var i = p_count; i < next_count; i++){
|
|
52
|
-
|
|
53
|
-
$('body').append('<p>'+ array_name[i].name +'</p>');
|
|
54
|
-
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
|
|
58
46
|
|
|
59
47
|
});
|
|
60
48
|
|
1
文法の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
HTMLが初期データとします。
|
|
2
2
|
|
|
3
|
-
jQuery側は、p要素をカウントして２
|
|
3
|
+
jQuery側は、p要素をカウントしてデータを２件づつ読み込みます。
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
@@ -60,9 +60,9 @@
|
|
|
60
60
|
|
|
61
61
|
```
|
|
62
62
|
|
|
63
|
-
「もっと読み込む」ボタンを設置して、２件づつ読み込む
|
|
63
|
+
「もっと読み込む」ボタンを設置して、２件づつ読み込むました。
|
|
64
64
|
|
|
65
|
-
|
|
65
|
+
読み込まれるデータは以下のような形になります。
|
|
66
66
|
|
|
67
67
|
```lang-HTML
|
|
68
68
|
|