Site icon Hip-Hop Website Design and Development

WooCommerce Query Product Titles

I am able to query and display a list of post titles using in AJAX, which works perfectly. However when I try to change to query product titles (WooCommerce) it does not work.
How can I adjust my code so it can query product titles? I tried replace post for <? echo $product->post->post_title; ?> which did not work.

Front end code in my page:

          <input type="text" name="keyword" id="keyword" onkeyup="fetch()">
            
            <div id="datafetch">Your numbers will show here</div>
            
            <script>
            function fetch(){
            
                $.post('<?php echo admin_url('admin-ajax.php'); ?>',{'action':'my_action'},
                function(response){
                    $('#datafetch').append(response);
                    console.log(result);
                });
            }
            </script>


Code in Functions.php

    add_action( 'wp_footer', 'ajax_fetch' );
    function ajax_fetch() {
    ?>
    <script type="text/javascript">
    function fetch(){
    
        jQuery.ajax({
            url: '<?php echo admin_url('admin-ajax.php'); ?>',
            type: 'post',
            data: { action: 'data_fetch', keyword: jQuery('#keyword').val() },
            success: function(data) {
                jQuery('#datafetch').html( data );
            }
        });
    
    }
    </script>
    
    <?php
    }// LOTTERY start the ajax function
    add_action('wp_ajax_data_fetch' , 'data_fetch');
    add_action('wp_ajax_nopriv_data_fetch','data_fetch');
    function data_fetch(){
    
        $the_query = new WP_Query( 
          array( 
            'posts_per_page' => -1, 
            's' => esc_attr( $_POST['keyword'] ), 
            'post_type' => 'post' 
          ) 
        );
    
    
        if( $the_query->have_posts() ) :
            while( $the_query->have_posts() ): $the_query->the_post();
    
    $myquery = esc_attr( $_POST['keyword'] );
    $a = $myquery;
    $search = get_the_title();
    if( stripos("/{$search}/", $a) !== false) {?>
                <h4><a href="<?php echo esc_url( post_permalink() ); ?>"><?php the_title();?></a></h4>
            <?php
                                      }
        endwhile;
            wp_reset_postdata();  
        endif;
    
        die();
    }