当我在浏览器 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

后退按钮不一定更新 dom，它必须与此问题有关， 通过浏览器后退按钮到达时重新加载站点