要在不刷新页面的情况下更新添加到购物车,你可以使用Ajax来实现。以下是一个使用Laravel框架的示例代码:
function addToCart(productId) {
$.ajax({
url: '/add-to-cart',
type: 'POST',
data: {
productId: productId
},
success: function(response) {
// 在成功响应时更新购物车数量
$('#cartCount').text(response.cartCount);
}
});
}
use Illuminate\Http\Request;
Route::post('/add-to-cart', function (Request $request) {
$productId = $request->input('productId');
// 将产品添加到购物车逻辑
$cartCount = // 获取购物车中产品的数量
return response()->json(['cartCount' => $cartCount]);
});
在以上示例中,点击“添加到购物车”按钮将触发addToCart()
函数。该函数将使用Ajax向服务器发送POST请求,并将产品ID作为参数传递。服务器将接收到的产品ID添加到购物车中,并返回更新后的购物车数量。在成功响应时,JavaScript函数将使用返回的购物车数量更新页面上的购物车数目。
请注意,以上代码只是一个示例,并不包含完整的购物车逻辑。你需要根据自己的需求进行相应的调整和修改。