Get POST method result from PHP code on server in jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script>
function getResult()
{
    var fd = new FormData();
    fd.append("name", document.MainFrm.uname.value);
    jQuery.ajax({
        url: "ajax.php",
        type: "post",
        data: fd,
        contentType: false,
        processData: false,
        async: false,
        success: function(response)
        {
            alert(response);
        }
    });
}
</script>

<form method=post name=MainFrm>
    <table>
    <tr>
        <td>Name <input type=text name="uname" value="Chun Kang"></td>
        <td><input type=button value="Get Result" onClick="javascript:getResult();"></td>
    </tr>
    </table>
</form>

<?php

extract( $_POST);

echo "Hey {$name}, howdy?";

?>