JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/douglascrockford/JSON-js/master/json2.js"></script>
<form action="javascript:void(0);" onSubmit="return(sendEmail());" id="emailForm">
    Name: <input type="text" name="name" /><br /><br />
    Email: <input type="text" name="email" /><br /><br />
    Message: <input type="text" name="message" /><br /><br />
    <input type="submit" value="Send Email" />
</form>

JavaScript

/*Email Sending Function*/
function sendEmail(){
    var formData = encodeURIComponent(JSON.stringify($('#emailForm').serializeObject()));
    alert(formData);
    /*$.ajax({
          type:"POST",
          url:'kontakt.php',
          data: 'formData=' + EncodeURIComponent(formData),
          success: function(){
          alert('Working!');
    } */   
    return false;
}

/*
    To get the values in the kontakt.php page, simply do 

    $formData=json_decode($_POST['formData'], true);
    echo $formData['name'];
    echo $formData['email'];
    echo $formData['message'];
    

*/

/* DO NOT CHANGE THIS */
$.fn.serializeObject = function()
{
    var o = {};
    var a = this.serializeArray();
    $.each(a, function() {
        if (o[this.name] !== undefined) {
            if (!o[this.name].push) {
                o[this.name] = [o[this.name]];
            }
            o[this.name].push(this.value || '');
        } else {
            o[this.name] = this.value || '';
        }
    });
    return o;
};