Jquery Ajax问题[尝试在不刷新页面的情况下更新添加到购物车]-Laravel

我正在尝试使用ajax处理“添加到购物车”功能，并在不显示当前状态[return back（）]的情况下显示总数量。。或者需要刷新页面

我尝试了以下方法

在所有_courses.blade.php中

<script type="text/javascript">
    
     $(document).ready(function() {

             $('.ajaxPOST').click(function(e){

                    e.preventDefault();

                   var url = $(this).find('#url').text();
                   var courseId = $(this).find('#courseId').text();

                    var _token = $("input[name='_token']").val();


                    $.ajax({
                            
                            method:"POST",
                            url:url,

                            data:{_token: _token, id: courseId},

                            success:function(data,status,XHR){

                                 alert(data.totalQuantity);

                                 var totalQuantity = data.totalQuantity;

                                 $('#totalQuantity').text(totalQuantity);
                            },
                            error:function(xhr,status,error){
                                alert(error);

                            }

                    });

             });

     });
</script>

在my Web.php中

//Add to cart using ajax post request
Route::post('courses/addToCartAjaxPost', ["uses"=>"CoursesController@addToCartAjaxPost", "as"=> "AddToCartAjaxPost"]);

在我的应用程序中

<li class="nav-item">
<a href="{{route('cart')}}">
<button type="button" class="btn btn-primary">CART
@if(Session::has('cart'))
<h2><span id="totalQuantity" class="badge badge-light">
QTY {{ Session::get('cart')->totalQuantity }} | Total {{ Session::get('cart')->totalPrice }} EGP
</span></h2>
<span class="sr-only">Items</span>
@endif
</button>
</a>
</li>

现在发生的事情是，首先我得到了回应，身份不明。。这些项目实际上被添加到购物车中，但只在页面刷新时出现。。因此，该按钮实际上会在单击时将项目添加到购物车中。但是我必须刷新页面才能进行更新

---

这里缺少什么？

Hi不知道

$（“#totalQuantity”）.text（totalQuantity）显示任何值？Hello@Swati。。不，回答显示[身份不明]。。但是当我刷新页面时，商品数量和总价会被更新并显示在购物车图标上。这个
警报（data.totalQuantity）
也不会显示任何内容？您是否检查了您的后端
$cart->totalQuantity
是否具有正确的值？在返回
json
数据时，需要使用
dataType:“json”
或使用
json解析json返回。解析（数据）
Hi does
$（“#totalQuantity”）.text（totalQuantity）显示任何值？Hello@Swati。。不，回答显示[身份不明]。。但是当我刷新页面时，商品数量和总价会被更新并显示在购物车图标上。这个
警报（data.totalQuantity）
也不会显示任何内容？您是否检查了您的后端
$cart->totalQuantity
是否具有正确的值？在返回
json
数据时，需要使用
dataType:“json”
或使用
json.parse（data）
//Add to cart using ajax post request
Route::post('courses/addToCartAjaxPost', ["uses"=>"CoursesController@addToCartAjaxPost", "as"=> "AddToCartAjaxPost"]);

<li class="nav-item">
<a href="{{route('cart')}}">
<button type="button" class="btn btn-primary">CART
@if(Session::has('cart'))
<h2><span id="totalQuantity" class="badge badge-light">
QTY {{ Session::get('cart')->totalQuantity }} | Total {{ Session::get('cart')->totalPrice }} EGP
</span></h2>
<span class="sr-only">Items</span>
@endif
</button>
</a>
</li>