данных на сервере не обновляет кнопку «Назад» в браузере, когда я нажимаю JQuery Ajax Laravel

Question

Итак, проблема:

Когда я нажимаю кнопку «купить», он меняет цвет и ссылку на него, и добавляет продукт в корзину:

$(document).ready(function(c) { 
    $('.item_add').click(function (event) { 
    var addButton = $(this).children('p'); 
    if(addButton.hasClass('added')) 
    { 
     window.location.href="http://site.loc/cart"; 
    } 

    else 
    { 
     event.preventDefault(); 
     var id = $(this).attr('id'); 
     var href = $(this).attr('href'); 
     var data = {'cart_item_id': id}; 
     var carturl = "http://site.loc/cart"; 

      $.ajax({ 
       url: href, 
       data: data, 
       headers: { 
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 
       }, 
       type: 'POST', 
       dataType: 'JSON', 
       success: function (html) { 
         addButton.addClass('added'); 
         addButton.css('background', 'green'); 
         addButton.parent('a').attr('href', carturl); 
         $('#addOrAlready').text('Added'); 
       } 
      }); 
    } 
}); 

Затем, когда я нажимаю на эту кнопку, он получает меня в корзину, так как предполагается, НО, когда я нажмите кнопку «назад» в браузере, страница такая же: кнопка не зеленый, а ссылка не обновляется в/cart, обновления данных только тогда, когда я ПЕРЕМЕЩАЮТ эту страницу. Почему данные не обновляются, когда я иду в корзину? Как его обновить?

Вид:

<a href="{{$cart_items->contains('id',$productItem->id) ? route('IndexCart'): route('AddToCart')}}" class="item_add" id="{{$productItem->id}}"> 
           <p class="number item_price {{$cart_items->contains('id',$productItem->id) ? 'added': ''}}"> 
            <i> </i>${{$productItem->price}} 
           </p> 
          </a> 

Answer 1

Кнопка возврата не обязательно обновлять РОМ, это должно быть что-то связано с этим вопросом Reload the site when reached via browsers back button