php - Ajaxを使用してDBにデータを投稿するときにコントローラーから送信されたリストを更新する

Question

ユーザーが Ajax を使用してページを更新せずにカートにアイテムを追加できる機能を追加しようとしています。データベースへのデータの投稿は成功しましたが、リストを自動的に更新できません (データが投稿された後)。

アヤックス

jQuery(document).ready(function(){
  jQuery("#addtocartt{{$one->id}}").on('click',function(e){
     e.preventDefault();
     $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
        }
    });
     jQuery.ajax({
        url: "/addtocart",
        method: 'post',
        data: {
           data: jQuery("#name{{$one->id}}").val(),
           image: jQuery("#image{{$one->id}}").val(),
           price: jQuery("#price{{$one->id}}").val(),
           quantity: jQuery("#quantity{{$one->id}}").val(),
        },
        success: function(result){
          var xs = result.qte;
          swal(xs+"Kgs of {{$one->name}}", "Is Added to Cart !!", "success");
        }});
     });
  });

これが私のリフレッシュしたいリストです。

@foreach($list as $one)
    <text style="font-family: Poppins-ExtraLight;"> {{$one->cart_item}} : {{$one->quantity}} x {{$one->cart_price}} dh = {{$one->quantity*$one->cart_price}}</text> <br>
@endforeach

コントローラ

function Add(Request $request){
    $item = new cart;
    $item->user_id = Auth::user()->id;
    $item->cart_number = '0';
    $item->cart_item = $request->data;
    $item->quantity = $request->quantity;
    $item->cart_price = $request->price;
    $item->image = $request->image;
    $item->save();
    $list= cart::all()->where('user_id',Auth::user()->id)->where('state','=','delivering');

    return response()->json(['qte' => $item->quantity]);
}