アンカータグの値を切り替えてURLに渡します

Question

ajax urlの値をtransとして渡したいと思います。現在のテキストはトグルされていますが、URLのトランスはオンとオフの値に基づいて更新されません。どのような助け？私は設定し、私のコードでこれをオフに値に基づいて何かを設定解除しているので、ページをリロードする必要があります。リンクの値が "オン"のときに値をURLに渡す必要がありますそれ以外の場合には、オフに基づくアクション..コンソールでは、「オン」値のみが表示されます。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script type="text/javascript"> 
 
       $(document).ready(function() { 
 
        $('#trans_flag').click(function() { 
 
    
 
         var trans = $('#trans_flag').text() ; 
 
         //var trans=$(this).val(); 
 
         if(trans=='on') 
 
         { 
 
          $('#trans_flag').text("off") 
 
          trans='on'; 
 
         } 
 
         else 
 
         { 
 
          $('#trans_flag').text("on") 
 
          trans='off'; 
 
         } 
 
         var base_url = '<?=base_url()?>'; 
 
         $.ajax 
 
         ({ 
 
          'type': 'POST', 
 
          'url': base_url + 'translation/language/searchUntranslated/'+trans, 
 
          'success': function(response){ 
 
           window.location.reload(); 
 
           alert(trans); 
 
           console.log(response); 
 
          } 
 
         }); 
 
    
 
        }); 
 
        }); 
 
       </script> 
 
    <a id='trans_flag' name='trans_flag'>on</a>

Answer 1

アラートを削除（トランス）ここFailed to read the 'localStorage' property from 'Window'として、ローカルでpage.Tryをリロードした後の状態onとoffを維持するためのコードAJAX要求

$.ajax 
        ({ 
         'type': 'POST', 
         'url': base_url + 'translation/language/searchUntranslated/'+trans, 
         'success': function(response){ 
          window.location.reload(); 
          //alert(trans); 
          console.log(response); 
         } 
        }); 

Answer 2

使用のlocalStorageを形成しています。

$(document).ready(function() { 
 
    function getTrans(){ 
 
     var trans = localStorage.getItem('trans'); 
 
     if(trans !=null){ 
 
      if(trans == 'on'){ 
 
      $('#trans_flag').text("off"); 
 
      localStorage.setItem('trans', 'off'); 
 
      }else{ 
 
      $('#trans_flag').text("on"); 
 
      localStorage.setItem('trans', 'on'); 
 
      } 
 
     }else{ 
 
      trans = 'on'; 
 
      $('#trans_flag').text("on"); 
 
      localStorage.setItem('trans', 'on'); 
 
     } 
 
     return trans; 
 
    } 
 
    $('#trans_flag').click(function() { 
 
     var trans = getTrans(); 
 
     var base_url = 'base_url/'; 
 
     console.log(base_url + 'translation/language/searchUntranslated/'+trans); 
 
    }); 
 
    getTrans(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a id='trans_flag' name='trans_flag'></a>