質問編集履歴
1
JSを修正
    
        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で更新できないのは当たり前かと思いますが、
         | 
