Question

我是编程新手，对我的项目有疑问。

我目前正在使用laravel进行电子商务项目。我想要做的是使用实时数据创建购物车。因此，当我在购物车中添加产品时，与此同时，购物车中的产品数量也会增加。甚至总价格也可以实时更改。

我该如何处理这种情况？我应该使用javascript吗？你能给我一个提示吗？

Answer 1

您通常将使用前端工具来更新此数据。 Vue，React或Angular是常见的javascript框架。从本质上讲，将商品添加到购物车的事件会更新其他元素。您可以使用本地javascript完成所有这些操作。

您也可以通过页面加载来实现。单击添加到购物车后，您将进入一个新页面。添加到购物车中的发布请求会将商品ID添加到购物车会话变量中，并更新会话总购物车价格以具有相同的信息。

$(document).ready(function() {
    $('.game_opt').click(function() {
        var available = false;
        var player_game_id = $(this).attr('data-game-id');
        var value = $(this).attr('data-attend-value');

        $.ajax({
            type: "GET",
            url: '/attend/'+player_game_id+'/'+value,
            dataType: "json",
            success: function( msg ) {                                                  
                $('#roster_'+msg.game_id).text('('+msg.skaters+')'); 

                if(msg.game_full == 1) {
                    window.location.replace("/waitlist/"+msg.game.id);
                    available = true;
                } else {
                    updateBalance();                    
                }                   
            }
       });
    });
});

更新余额是我在另一个脚本中具有的功能，该函数在页眉中设置余额。

function updateBalance() {
    $.ajax({
        type: "GET",
        url: '/players/balance',
        dataType: "json",
        success: function( msg ) {                           
            $('#my_balance').text(msg.balance);
            if (msg.debt == 1) {
                $(".balnce-due-bar").hide().fadeIn();
        } else {
            $(".balnce-due-bar").fadeOut();
        }
    }
});

如何在Laravel中获取实时数据

1 个答案: