How to send data from MAILCHIMP form?

Question

Email

Colleagues, there was a task to embed the mailchimp subscription form on the site. A fairly simple form, name, soap, after subscribe, a notification arrives in the mail with a link, and then the chain in mailchimp is already launched.
Actually, in the service itself, I made a form without styles, received the code, inserted it, and now the question, after clicking on subscribe, in any case, transfers to the service page, both after successful input and in case of an input error.
How to send data without redirects, but just with a page refresh? For ajax, you need to understand what to send and where, like, who knows - write how to do it right.

<div id="mc_embed_signup">
    <form action="https://name.us11.list-manage.com/subscribe/post?u=78996e7545b87e681278c5fef&amp;id=2ec9cf3934" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
        <div id="mc_embed_signup_scroll">
        
    <div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
    <div class="mc-field-group">
        <label for="mce-FNAME">First Name </label>
        <input type="text" value="" name="FNAME" class="" id="mce-FNAME">
    </div>
    <div class="mc-field-group">
        <label for="mce-LNAME">Last Name </label>
        <input type="text" value="" name="LNAME" class="" id="mce-LNAME">
    </div>
    <div class="mc-field-group">
        <label for="mce-EMAIL">Email Address  <span class="asterisk">*</span>
    </label>
        <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
    </div>
    <div class="mc-field-group size1of2">
        <label for="mce-PHONE">Phone Number  <span class="asterisk">*</span>
    </label>
        <input type="text" name="PHONE" class="required" value="" id="mce-PHONE">
    </div>
        <div id="mce-responses" class="clear">
            <div class="response" id="mce-error-response" style="display:none"></div>
            <div class="response" id="mce-success-response" style="display:none"></div>
        </div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
        <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_78996e7545b87e681278c5fef_2ec9cf3934" tabindex="-1" value=""></div>
        <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
        </div>
    </form>
    </div>

Or throw the correct link, otherwise Google somehow didn’t really help, it feels like everyone just inserts the form and that’s it.

The question is removed, it turned out that with certain settings, the block is removed from the code, everything works fine with it:

<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[0]='EMAIL';ftypes[0]='email';fnames[4]='PHONE';ftypes[4]='phone';fnames[5]='MMERGE5';ftypes[5]='text';fnames[6]='MMERGE6';ftypes[6]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>