Intento acceder a los valores de la respuesta que recibo mendiante AJAX pero no soy capaz. El JSON que recibe la función en el success
creo que está bien, pero cuando accedo a sus elementos estos tienen valor undefined
.
Si lanzo en la consola
console.log(data);
Obtengo este resultado:
{
"id": 83,
"error": 0,
"msg": "evento creado"
}
Pero sin embargo
console.log(data.id);
obtengo undefined
.
AddEvent.php
$resp["id"] = '';
$resp["error"] = '';
$resp["msg"] = '';
try {
$event = new Event($title, $start, $finish, $description, $type, $color, $customer);
$resp["id"] = $event->newEvent();
$resp["msg"] = 'evento creado';
$resp["error"] = 0;
} catch (MyException $e) {
$resp["error"] = 1;
$resp["msg"] = $e->getMessage();
}
echo json_encode($resp);
JavaScript
if (btnSave.html() == "guardar evento") {
e.preventDefault();
//not use serialize because I need manipulate start and end
var title = $('#event_title').val();
//I clone 'date' because I need generate two different dates
var finishDate = date.clone();
var start = addTimeToDate(date, $('#event_start').val());
var end = addTimeToDate(finishDate, $('#event_end').val());
var description = $('#event_description').val();
var type = $('#event_type').val();
var customer = $('#event_customer').val();
//prepare send to AJAX
var send = {
"title" : title,
"start" : start,
"finish" : end,
"description" : description,
"type" : type,
"customer" : customer,
};
$.ajax({
url : "addEvent.php",
type : "post",
data : send,
success : (function (data) {
console.log(data);
console.log(data.id);
})
});
ajax
el parámetrodataType
con valorjson
. También puedes usar el shortcut getJSON