How to to quickly load session data in ajax or JQuery? - php

Question

Please I have products(Cart) in session but loads very slow on server anytime I reload a table to display items added to the cart. How do I quickly display session data using ajax or JQuery? Kindly assist.After adding Item to cart. $("#tabler").load(" #tabler") Loads slowly. Please is there any better way to do this.
$("#newinvoice").on('submit', function(event) {
event.preventDefault();
$.ajax({
type: "post",
url: "{{route('InvoiceDump')}}",
dataType: "json",
data: $('#newinvoice').serialize(),
success: function(data){
document.getElementById('price').value = "";
document.getElementById('total').value = "";
document.getElementById('quantity').value = "1";
document.getElementById('ddlViewBy').value = "";
$("#tabler").load(" #tabler");
},
error: function(data){
Swal.fire({
icon: 'error',
title: 'Oops...',
text: 'Something went wrong!',
footer: 'Why do I have this issue?'
})
}
});
});
My Table
<table class="table table-bordered table-striped m-0">
<thead>
<tr>
<th colspan="7" class="pt-3 pb-3">Invoice Details</th>
</tr>
<tr>
<th width="50%">Product</th>
<th width="50%">Category</th>
<th>Quantity</th>
<th width="20%">Price</th>
<th width="30%">Amount (Net)</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
#foreach($cartItems as $key => $cart)
<tr>
<td><select class="form-control"><option>{!!#strtoupper($cart['invoice_product_name'])!!}</option></select></td>
<td><input type="text" value="{{#strtoupper($cart['item_category'])}}" class="form-control" readonly></td>
<td>
<!-- Field wrapper start -->
<div class="field-wrapper m-0">
<input type="text" readonly class="form-control" value="{{empty($app->currency) ? "GHS" : $app->currency}}#convert($cart['invoice_quantity'])" placeholder="Qty">
</div>
<!-- Field wrapper end -->
</td>
<td>
<!-- Field wrapper start -->
<div class="field-wrapper m-0">
<input type="text" readonly class="form-control" value="{{empty($app->currency) ? "GHS" : $app->currency}}#convert($cart['invoice_unit_price'])">
</div>
<!-- Field wrapper end -->
</td>
<td>
<!-- Field wrapper start -->
<div class="field-wrapper m-0">
<input type="text" readonly class="form-control" value="{{empty($app->currency) ? "GHS" : $app->currency}}#convert($cart['invoice_total_price'])">
</div>
<!-- Field wrapper end -->
</td>
<td>
<div class="table-actions">
<button class="btn btn-light" id="{{$cart['id']}}" onClick="DeleteItem(this.id)">
<i class="icon-trash-2"></i>
</button>
</div>
</td>
</tr>
#endforeach
</tbody>
</table>