Try like this
Main HTML:
<form class="home_footer" method="post" id="home_conct_form" action="">
<input type="text" name="fname" class="txt" />
<input type="text" name="lname" class="txt" />
<input type="button" name="home_submit" id="home_submit" value="Get In Touch"/>
</form>
Add on same page:
<script>
$('#home_submit').click(function(){
var formData = $("#home_conct_form").serialize()
$.ajax({
type: 'POST',
url: '<?php echo home_url("https://wordpress.stackexchange.com/"); ?>wp-admin/admin-ajax.php?action=footerFrm',
data: formData,
beforeSend: function(){
$('.progloader').show();
$('#home_submit').hide();
},
success:function(data) {
console.log(data);
}
});
});
</script>
Add blow code in Function.php
add_action('wp_ajax_footerFrm' , 'footerFrm');
add_action('wp_ajax_nopriv_footerFrm' , 'footerFrm');
function footerFrm() {
print_r($_POST);
die();
}