質問編集履歴
2
ajax内でレスポンスを受け取った後の処理を記載
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -71,6 +71,9 @@
|
|
|
71
71
|
return utcTime * 1000;
|
|
72
72
|
};
|
|
73
73
|
|
|
74
|
+
//画面読み込み時にTwitterを非表示する初期設定
|
|
75
|
+
document.getElementById('twdp').style.display = "none";
|
|
76
|
+
|
|
74
77
|
// データ取得
|
|
75
78
|
function ajaxRequest(lat, long) {
|
|
76
79
|
const url = 'https://api.openweathermap.org/data/2.5/forecast';
|
|
@@ -84,7 +87,11 @@
|
|
|
84
87
|
lon: long,
|
|
85
88
|
units: 'metric',
|
|
86
89
|
lang: 'en'
|
|
90
|
+
},//ここから追記↓↓↓//
|
|
91
|
+
success: function (reult) {
|
|
92
|
+
document.getElementById('twdp').style.display = "inline-block";
|
|
87
93
|
}
|
|
94
|
+
//ここまで↑↑↑//
|
|
88
95
|
})
|
|
89
96
|
.done(function (data) {
|
|
90
97
|
// 都市名、国名
|
|
@@ -124,34 +131,34 @@
|
|
|
124
131
|
$('#forecast').append(threeDays);
|
|
125
132
|
}
|
|
126
133
|
});
|
|
127
|
-
//追記1
|
|
128
|
-
function loadTw() {
|
|
129
|
-
const twdp = document.getElementById('twdp');
|
|
130
134
|
|
|
131
|
-
if (ajaxRequest()) {
|
|
132
|
-
twdp.style.display = "inline-block";
|
|
133
|
-
} else {
|
|
134
|
-
twdp.style.display = "none";
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
loadTw();
|
|
138
|
-
})
|
|
139
|
-
.fail(function (data) {
|
|
140
|
-
alert('ajax!')
|
|
141
|
-
}); //追記１
|
|
142
|
-
};
|
|
143
135
|
|
|
144
|
-
// 読み込み時の関数
|
|
136
|
+
// ページ読み込み時の関数
|
|
145
|
-
window.onload = function () {
|
|
137
|
+
window.onload = function () {
|
|
146
|
-
|
|
138
|
+
const spinner = document.getElementById('loading');
|
|
147
|
-
|
|
139
|
+
spinner.classList.add('loaded');
|
|
148
|
-
};
|
|
140
|
+
};
|
|
149
141
|
|
|
142
|
+
//コメントアウト
|
|
143
|
+
//function loadTw() {
|
|
144
|
+
//const twdp = document.getElementById('twdp');
|
|
150
145
|
|
|
146
|
+
//if (ajaxRequest()) {
|
|
147
|
+
//twdp.style.display = "inline-block";
|
|
148
|
+
//} else {
|
|
149
|
+
//twdp.style.display = "none";
|
|
150
|
+
//}
|
|
151
|
+
//}
|
|
152
|
+
//loadTw();
|
|
151
|
-
//
|
|
153
|
+
//})
|
|
154
|
+
//.fail(function (data) {
|
|
152
|
-
|
|
155
|
+
//alert('ajax!')
|
|
156
|
+
//}); //追記１
|
|
157
|
+
//};
|
|
153
158
|
|
|
159
|
+
|
|
160
|
+
|
|
154
|
-
//
|
|
161
|
+
//コメントアウト
|
|
155
162
|
//function loadTw() {
|
|
156
163
|
//const twdp = document.getElementById('twdp');
|
|
157
164
|
|
1
twitter読み込みの関数をdoneの中に移動し、ajaxRequestの返り値として.failを追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -124,7 +124,21 @@
|
|
|
124
124
|
$('#forecast').append(threeDays);
|
|
125
125
|
}
|
|
126
126
|
});
|
|
127
|
+
//追記1
|
|
128
|
+
function loadTw() {
|
|
129
|
+
const twdp = document.getElementById('twdp');
|
|
130
|
+
|
|
131
|
+
if (ajaxRequest()) {
|
|
132
|
+
twdp.style.display = "inline-block";
|
|
133
|
+
} else {
|
|
134
|
+
twdp.style.display = "none";
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
loadTw();
|
|
127
|
-
|
|
138
|
+
})
|
|
139
|
+
.fail(function (data) {
|
|
140
|
+
alert('ajax!')
|
|
141
|
+
}); //追記１
|
|
128
142
|
};
|
|
129
143
|
|
|
130
144
|
// 読み込み時の関数
|
|
@@ -137,16 +151,16 @@
|
|
|
137
151
|
//初期設定
|
|
138
152
|
document.getElementById('twdp').style.display = "none";
|
|
139
153
|
|
|
140
|
-
//天気予報が読み込まれた時にTwitterを表示
|
|
154
|
+
//天気予報が読み込まれた時にTwitterを表示→追記１に移動
|
|
141
|
-
function loadTw() {
|
|
155
|
+
//function loadTw() {
|
|
142
|
-
const twdp = document.getElementById('twdp');
|
|
156
|
+
//const twdp = document.getElementById('twdp');
|
|
143
157
|
|
|
144
|
-
if (ajaxRequest()) {
|
|
158
|
+
//if (ajaxRequest()) {
|
|
145
|
-
twdp.style.display = "inline-block";
|
|
159
|
+
//twdp.style.display = "inline-block";
|
|
146
|
-
} else {
|
|
160
|
+
//} else {
|
|
147
|
-
twdp.style.display = "none";
|
|
161
|
+
//twdp.style.display = "none";
|
|
148
|
-
}
|
|
162
|
+
//}
|
|
149
|
-
}
|
|
163
|
+
//}
|
|
150
164
|
|
|
151
165
|
// window.addEventListener('load', function timeLine() {
|
|
152
166
|
// document.getElementById('twdp').style.display = "inline-block";
|