[英]Data on server doesn't update when i press “back” button in browser jquery ajax laravel
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.然后,当我点击这个按钮时,它让我进入购物车,正如假设的那样,但是,当我在浏览器中按下“后退”按钮时,页面是一样的:按钮不是绿色的,链接没有更新到 /cart,数据更新只有当我重新加载该页面时。 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>
后退按钮不一定更新 dom,它必须与此问题有关, 通过浏览器后退按钮到达时重新加载站点
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.