Data on server doesn't update when i press "back" button in browser jquery ajax laravel

Question

So, the problem is:

When I press "purchase" button, it changes color and link for it and adds product to cart:

$(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');
                }
            });
    }
});

Then, when i click this button, it gets me to cart, as supposed, BUT, when i press "back" button in browser, the page is same: button is not green, and link is not updated to /cart, data updates only when i RELOAD that page. Why data doesn't update when i go to cart? How to update it?

View:

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

Check the href on pressing back button, maybe that will show you what's wrong — Dev Man, Nov 19 '19 at 19:34

score 0 · Answer 1 · edited May 23 '17 at 10:29

0

The back button doesn't necessarily update the dom, It must be something related to this question Reload the site when reached via browsers back button

edited May 23 '17 at 10:29

Community

1
1

answered Feb 23 '17 at 10:18

Sérgio Reis

2,483
2
19
32

Thanks! It worked for me, but can I do it without reload? or reload the page before i go to cart? – Batmannn Feb 23 '17 at 10:26

Data on server doesn't update when i press "back" button in browser jquery ajax laravel

1 Answers1