Скачать или смотреть Laravel 9 Tutorial

In Part 102 of the Laravel 9 Tutorial to create a Multi-Vendor E-commerce Website in Laravel 9, we will continue working on the shopping cart page.

1) Update custom.js file:-
Get the current quantity, cart item id and plus/minus in Jquery and pass via Ajax to update-cart-item-qty route to pass further to function to update the cart.

2) Create Route :-
Now create a post route for updating cart item quantity in the web.php file like below:-
// Update Cart Item Quantity
Route::post('update-cart-item-qty','ProductsController@updateCartItemQty');

3) Create updateCartItemQty function :-
Now create the updateCartItemQty function at Front/ProductsController to get the cart id and new quantity of cart item that we require to update.

4) Add Header Statement:-
Add below header statement at top of ProductsController:-
use Illuminate\Support\Facades\View;

5) Update custom.js file :-
Update the custom.js file once again to get a response in Ajax and show updated cart items by calling it within the success function.

$.ajax({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
data:{"cartid":cartid,"qty":new_qty},
url:'/update-cart-item-qty',
type:'post',
success:function(resp){
if(resp.status==false){
alert(resp.message);
}
$("#AppendCartItems").html(resp.view);
},error:function(){
alert("Error");
}
});

Now you can see we are able to update the quantity of cart items with Ajax without refreshing the page.

In the next video, we will add some necessary checks and show error/success messages.

►Laravel 9 Tutorial (Create Multi-Vendor E-commerce Website) -    • Laravel Multi Vendor Tutorial  

►Laravel 9 Playlist -    • Learning Laravel 9  

►Click here to subscribe for Laravel & other updates -    / stackdevelopers  

Popular Stack Developers Series that can help you:-

►Laravel Tutorial for Beginners -    • Laravel Tutorial for Beginners | Advance E...  

►GIT Tutorial for Beginners -    • Git Tutorial for Beginners | Create your F...  

►Laravel API Tutorial -    • Laravel API Tutorial | Create API from Scr...  

►Laravel Interview Questions -    • Laravel Interview Questions & Answers | 20...  

►jQuery Tutorial -    • jQuery Tutorial  

►Laravel Basic E-commerce Series -    • Make Admin Panel / E-commerce Website in L...  

►Laravel Dating Series -    • Make Dating / Social Networking Website in...  

►Join this channel to get the complete source code of all series:
   / @stackdevelopers  

Follow Stack Developers on Social Media to get updates and resolve your queries
►Like Facebook Page to get updates -   / stackdevelopers2  
►Join Facebook Group to resolve your queries -   / stackdevelopers  
►Follow on Instagram -   / stackdevelopers2  
►Follow on GitHub - https://github.com/stackdevelopers

#laravel9 #laravel9tutorial #laravel