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

質問編集履歴

1

JSを修正

2019/04/24 10:50

投稿

nekutarin
nekutarin

スコア13

title CHANGED
File without changes
body CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  体感速度を上げるため、サーバーデータでなくセッションデータを活用したいです。
7
7
 
8
- つまり「Ajaxの通信結果を待たずUIを変更し、サーバーデータの前にセッションデータを更新して、サーバーデータ更新時間を感じさせない」というアレを実現したいです。
8
+ つまり「Ajaxの通信結果を待たずUIを変更し、サーバーデータの前にセッションデータを更新して、サーバーデータ更新時間を感じさせない」というアレを実現したいです。
9
9
 
10
10
  ###発生している問題
11
11
  現状としましては、ユーザーが「後で読む」に登録した記事IDを、``'later_ids'``として取得しています。
@@ -21,10 +21,23 @@
21
21
  ↓「submit.js」
22
22
  ```JS
23
23
  $(document).on('click','button#add', function(){
24
+
25
+ // セッションデータの更新→更新されない
24
26
  const id = $(this).val();
25
27
  const ss = window.sessionStorage.getItem(['later_ids']).split(",");
26
28
  ss.push(id);
27
29
  window.sessionStorage.setItem('later_ids', ss);
30
+
31
+ // サーバーデータの更新
32
+ $.ajax({
33
+ beforeSend: function(xhr) {
34
+ },
35
+ success: function(result){
36
+ },
37
+ error: function(){
38
+ },
39
+ });
40
+
28
41
  });
29
42
  ```
30
43
  よく考えたら``'later_ids'``はサーバー側のデータなのでJSで更新できないのは当たり前かと思いますが、