Javascript 服务器上的数据不存在'；t当我按下“时更新”；“后退”；浏览器中的按钮jquery ajax laravel

因此，问题是：

当我按下“购买”按钮时，它会更改颜色和链接，并将产品添加到购物车：

$(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，只有当我重新加载该页面时，数据才会更新。为什么我进入购物车时数据不更新？如何更新它

视图：

---

后退按钮不一定会更新dom，它一定与此问题有关

---

后退按钮不一定会更新dom，它一定与此问题有关

---

谢谢！它对我有用，但我能不重新加载就完成吗？或者在我去购物车之前重新加载页面？谢谢！它对我有用，但我能不重新加载就完成吗？或者在我进入购物车之前重新加载页面？检查href on press back（后退）按钮，也许这会显示出什么问题检查href on press back（后退）按钮，也许这会显示出什么问题

<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>