Boa noite,
se você especificar no objeto de opções enviado ao método .ajax
a key dataType
, você informa qual tipo de dado você está esperando do servidor. No seu caso, seria algo assim:
jQuery.ajax({
/* ... */
dataType: 'json',
/*... */
})
Contudo, como padrão (default), o jQuery tenta adivinhar - Intelligent Guess -, o formato do dado recebido (xml, script, json...) a partir da resposta do servidor. Então este parâmetro acima só precisaria ser informado caso o jQuery não conseguisse entender que a resposta se trata de um JSON (normalmente ocorre por culpa de uma mensagem mal formatada pelo servidor), ou você quer se certificar que o resultado será sempre esse (neste caso, se o jQuery não conseguir fazer o parse, ele irá invocar o callback error
).
Dito isto, então, a sua função-callback success
será invocada com o primeiro parâmetro contendo o dado formatado (parsed) (no seu caso, um objeto JavaScript). E você pode manipulá-lo como se estivesse manipulando um objeto JavaScript normalmente. Algo assim:
jQuery.ajax({
/* ... */
success: function(data, textStatus, jqXHR )
{
/* seu dado já deve estar no parâmetro data */
console.log("Login com sucesso? ", !data.error);
if (!data.error) {
var user = data.user[0]; //seu user é um array, então pego o primeiro elemento dessa array, por exemplo
console.log("Nome completo do usuário: ", user.fullname);
}
}
});
O código acima é apenas para fins de debug, pois irá escrever no console do navegador.
Não sei se foi esta sua dúvida (sobre como manipular o dado recebido).
Se você quiser exibir uma mensagem simples, pode chamar o método alert
. Isto irá mostrar uma caixa de diálogo com a mensagem (bem simples).
Ou, se você quiser inserir esta mensagem no corpo da página de alguma forma, ou fazer interações de elementos, isto envolve manipulações no DOM, e pode ser feito facilmente pelo jQuery
. Um exemplo bem simples:
jQuery.ajax({
/* ... */
success: function(data, textStatus, jqXHR )
{
var textMessage;
if (data.error) {
textMessage = "Ocorreu um erro ao relizar o login: " + data.message;
} else {
textMessage = "Login realizado com sucesso! Bem vindo, " + data.user[0].fullname + "!";
}
$("body").append( $("<p></p>", { text: textMessage }) );
}
});
O exemplo acima apenas adiciona ao <body>
um <p>
(parágrafo) com uma mensagem.
user
?log
ou até mesmo numalert()
.data
. Não somente ouser
, porém outros objetos.