Shopify Ajax - Add product to cart without loading the page

ajaxAddToCart.js

        $('form.add_to_cart').on('submit', function(event){
            //debugger;
            event.preventDefault();
            var postUrl = $(this).attr('action');
            var postData = $(this).serialize();

            //console.log(postData); check what your form posts
            
            $.ajax({
                type: "POST",
                url: postUrl,
                data: postData,
                dataType: "json",
                success: function(data) {
                    console.log('Product Added to Cart');
                     //do other things..
                },
                error: function() {
                    console.log('error handling here');
                }
            });
        });