I am trying to implement form submit using jquery ajax post. As per the information given jQuery library documentation, I have serialized the form data before I submit the form to my php url.
<form id="form1" method="POST" action="phpurl">
<div class="input-group">
<span class="input-group-addon">Title</span>
<div>
<input type="text" name="title" class="form-control" data-validation="required" data-validation-error-msg="Title required">
</div>
</div>
<div class="input-group">
<span class="input-group-addon">Description</span>
<div>
<input type="text" name="desc" class="form-control" data-validation="required" data-validation-error-msg="Description required">
</div>
</div>
<input name="submitform1" value="Save" type="submit" class="qa-form-tall-button qa-form-tall-button-save">
</form>
jQuery("form1" ).on( "submit", function( event ) {
event.preventDefault();
var $form = jQuery('#form1'), url = $form.attr('action').val();
jQuery.post(
url,
{formdata: form.serialize()},
function(data)
{
//more code
});
});
But in php server side code, I am not able to access the data directly from $POST. All I am looking for is, how to read data from $POST like
$title = $_POST['title'];
$desc = $_POST['desc'];