I have the following code where I attempt to post values to a php file using ajax/json. The php file throws warnings saying: Undefined index: companyid, Undefined index: companyname, Undefined index: calendar_eventStart, Undefined index: calendar_eventEnd. I realize that the variables posted using ajax are empty when they are picked up on the server side, but I don't see what I'm doing wrong. Here is my code:
Console log:
Data: {"companyid":1,"companyname":"Fifteen AS","calendar_eventStart":"2018-06-06T22:00:00.000Z","calendar_eventEnd":"2018-06-06T22:00:00.000Z"}
jQuery:
var formData = {
companyid,
companyname,
calendar_eventStart,
calendar_eventEnd
};
formData = (JSON.stringify(formData));
console.log('Data: ' + formData);
$.ajax({
url: "create_calendar_event.php",
type: "post",
dataType: "json",
data:{data: formData},
success: function(response) {
alert(response);
}
});
PHP:
var_dump($_POST['companyid']);
var_dump($_POST['companyname']);
var_dump($_POST['calendar_eventStart']);
var_dump($_POST['calendar_eventEnd']);
$event_status = 'Success';
echo json_encode($event_status,JSON_UNESCAPED_UNICODE|JSON_UNESCAPED_SLASHES);
Here
data:{data: formData},
you are creating a sub-object, therefore the actual data could be found in
$_POST['data']['companyid'] // etc
IF you didn't JSON.stringify(formData)
first. If you keep the stringify $_POST['data']
will only contain a string containing the data. Getting that out needs another magic in php. So just remove the stringify here.
But you don't need that extra 'data' object. You could just do
$.ajax({
url: "create_calendar_event.php",
type: "post",
dataType: "json",
data: formData,
success: function(response) {
alert(response);
}
});
final note to JSON.stringify()
: I can't think of another situation than sending data via URI (a GET request) that would need to stringify a jsObject.