teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問JavaScriptで天気情報が読み込まれた時に、Twiiterタイムラインを表示したい

編集履歴

質問編集履歴

2

ajax内でレスポンスを受け取った後の処理を記載

2020/06/01 14:36

投稿

pikari
pikari

スコア14

test CHANGED
File without changes
test CHANGED
@@ -144,6 +144,12 @@
144
144
 
145
145
 
146
146
 
147
+ //画面読み込み時にTwitterを非表示する初期設定
148
+
149
+ document.getElementById('twdp').style.display = "none";
150
+
151
+
152
+
147
153
  // データ取得
148
154
 
149
155
  function ajaxRequest(lat, long) {
@@ -170,8 +176,16 @@
170
176
 
171
177
  lang: 'en'
172
178
 
179
+ },//ここから追記↓↓↓//
180
+
181
+ success: function (reult) {
182
+
183
+ document.getElementById('twdp').style.display = "inline-block";
184
+
173
185
  }
174
186
 
187
+ //ここまで↑↑↑//
188
+
175
189
  })
176
190
 
177
191
  .done(function (data) {
@@ -250,61 +264,61 @@
250
264
 
251
265
  });
252
266
 
253
- //追記1
254
-
255
- function loadTw() {
256
-
257
- const twdp = document.getElementById('twdp');
258
-
259
-
260
-
261
- if (ajaxRequest()) {
262
-
263
- twdp.style.display = "inline-block";
264
-
265
- } else {
266
-
267
- twdp.style.display = "none";
268
-
269
- }
270
-
271
- }
272
-
273
- loadTw();
274
-
275
- })
276
-
277
- .fail(function (data) {
278
-
279
- alert('ajax!')
280
-
281
- }); //追記１
282
-
283
- };
284
-
285
-
286
-
287
- // 読み込み時の関数
288
-
289
- window.onload = function () {
290
-
291
- const spinner = document.getElementById('loading');
292
-
293
- spinner.classList.add('loaded');
294
-
295
- };
296
-
297
-
298
-
299
-
300
-
301
- //初期設定
302
-
303
- document.getElementById('twdp').style.display = "none";
304
-
305
-
306
-
307
- //天気予報が読み込まれた時にTwitterを表示→追記１に移動
267
+
268
+
269
+
270
+
271
+ // ページ読み込み時の関数
272
+
273
+ window.onload = function () {
274
+
275
+ const spinner = document.getElementById('loading');
276
+
277
+ spinner.classList.add('loaded');
278
+
279
+ };
280
+
281
+
282
+
283
+ //コメントアウト
284
+
285
+ //function loadTw() {
286
+
287
+ //const twdp = document.getElementById('twdp');
288
+
289
+
290
+
291
+ //if (ajaxRequest()) {
292
+
293
+ //twdp.style.display = "inline-block";
294
+
295
+ //} else {
296
+
297
+ //twdp.style.display = "none";
298
+
299
+ //}
300
+
301
+ //}
302
+
303
+ //loadTw();
304
+
305
+ //})
306
+
307
+ //.fail(function (data) {
308
+
309
+ //alert('ajax!')
310
+
311
+ //}); //追記１
312
+
313
+ //};
314
+
315
+
316
+
317
+
318
+
319
+
320
+
321
+ //コメントアウト
308
322
 
309
323
  //function loadTw() {
310
324
 

1

twitter読み込みの関数をdoneの中に移動し、ajaxRequestの返り値として.failを追記

2020/06/01 14:36

投稿

pikari
pikari

スコア14

test CHANGED
File without changes
test CHANGED
@@ -250,7 +250,35 @@
250
250
 
251
251
  });
252
252
 
253
+ //追記1
254
+
255
+ function loadTw() {
256
+
257
+ const twdp = document.getElementById('twdp');
258
+
259
+
260
+
261
+ if (ajaxRequest()) {
262
+
263
+ twdp.style.display = "inline-block";
264
+
265
+ } else {
266
+
267
+ twdp.style.display = "none";
268
+
269
+ }
270
+
271
+ }
272
+
273
+ loadTw();
274
+
253
- })
275
+ })
276
+
277
+ .fail(function (data) {
278
+
279
+ alert('ajax!')
280
+
281
+ }); //追記１
254
282
 
255
283
  };
256
284
 
@@ -276,25 +304,25 @@
276
304
 
277
305
 
278
306
 
279
- //天気予報が読み込まれた時にTwitterを表示
307
+ //天気予報が読み込まれた時にTwitterを表示→追記１に移動
280
-
308
+
281
- function loadTw() {
309
+ //function loadTw() {
282
-
310
+
283
- const twdp = document.getElementById('twdp');
311
+ //const twdp = document.getElementById('twdp');
284
-
285
-
286
-
312
+
313
+
314
+
287
- if (ajaxRequest()) {
315
+ //if (ajaxRequest()) {
288
-
316
+
289
- twdp.style.display = "inline-block";
317
+ //twdp.style.display = "inline-block";
290
-
318
+
291
- } else {
319
+ //} else {
292
-
320
+
293
- twdp.style.display = "none";
321
+ //twdp.style.display = "none";
294
-
322
+
295
- }
323
+ //}
296
-
324
+
297
- }
325
+ //}
298
326
 
299
327
 
300
328