Fetching JSON from form data - php

Question

I am writing a code to fetch JSON parameter sent using form.
I have this html
<form action="jsonfile.php" method="POST" name="myForm" enctype="application/json">
<p><label for="first_name">First Name:</label>
<input type="text" name="first_name" id="fname"></p>
<p><label for="last_name">Last Name:</label>
<input type="text" name="last_name" id="lname"></p>
<input value="Submit" type="submit" onclick="submitform()">
</form>
And json here
<script>
var formData = JSON.stringify($("#myForm").serializeArray());
$.ajax({
type: "POST",
url: "jsonfile.php",
data: formData,
dataType: "json",
contentType : "application/json",
success: function(result){
}
});
</script>
NOW, i want get the values of the above form sent as json in the other file called JSONFILE.PHP. I don't really know what should i use to decord the data into JSON DATA.
Thank you.

Answer 1

// HTML Code
<form method="POST" name="myForm" id="myForm" enctype="application/json" onsubmit="return false">
<p><label for="first_name">First Name:</label>
<input type="text" name="first_name" id="fname"></p>
<p><label for="last_name">Last Name:</label>
<input type="text" name="last_name" id="lname"></p>
<input value="Submit" type="submit" >
</form>
// JavaScript Code
<script>
$("#myForm").submit(function () {
var formData = JSON.stringify($("#myForm").serializeArray());
$.ajax({
type: "POST",
url: "jsonfile.php",
data: formData,
dataType: "json",
contentType: "application/json",
success: function (result) {
}
});
});
</script>
// PHP Code jsonfile.php
<?php
$data = json_decode(file_get_contents('php://input'), true);
if ($data) {
print_r($data);
}
?>