serialize - exibir informação após execução da url

[halfar 5]

A questão aqui é a seguinte,  trata-se de um formulário que será submetido e seus dados gravados no banco de dados.

 

supondo a existência de uma pagina inicial.php, onde tenho o seguinte código jquery para executar a url enviar.php (encarregada de gravar os dados no banco de dados).

Citar

jQuery.ajax({
    

type: "POST",
url: "enviar.php",
data: dados,
etc...

 

 

Então a url enviar.php é executada,  gravando no banco de dados as informações.

 

Todavia, quero exibir uma mensagem numa div na pagina inicial, contendo informação do tipo "registro gravado com sucesso",  ou alguma outra informação que eu venha a necessitar.

 

[Prog 183]

Neste caso você precisa de um callback e verificar no success, exemplo:

 

jQuery.ajax({
    
type: "POST",
url: "enviar.php",
data: dados,
success: function(data){ 
	if (data.callback=="gravou") alert("Registro gravado!");
},
etc...

}

 

[halfar 5]

bem, não conheco nada sobre o callback, dei uma pesquisada na net sobre o assunto, mas não achei nada que fosse explicado de forma  menos complexa.

 

poderia explicar um pouco melhor??

[gabrieldarezzo 255]

Veja se a leitura ajuda:

https://github.com/gabrieldarezzo/desafiosInternos/tree/master/ajax#guia-definitivo-ajax

[quimera 13]

21 horas atrás, halfar disse:

bem, não conheco nada sobre o callback, dei uma pesquisada na net sobre o assunto, mas não achei nada que fosse explicado de forma  menos complexa.

 

poderia explicar um pouco melhor??

O callback não é exatamente uma coisa complicada, é só um retorno podendo ou não ser uma função.

No caso do Prog, ele retornou um valor que veio do seu PHP.

 

jQuery.ajax({
type: "POST",
url: "enviar.php",
data: dados,
success: function(data){ 
	//o aruqivo "enviar.php" vai ter que imprimir um retorno qualquer sendo em string ou json (o que eu particularmente prefiro)
	//daí o seu javascript vai pegar esse valor que veio no parâmetro "data" e vai 
	//verificar se ele é exatamente igual a "positivo" ou "negativo" com a sua condição
	
	//como seria com retorno string
	if (data == "gravou") {
		$("#msg").html("Gravou no banco!");
	}else{
		$("#msg").html("Não gravou no banco!");
	}
}
});

//sua página html/php
<div id="msg">Aqui vai aparecer sua mensagem</div>




//enviar.php
if("se gravou no banco"){
	echo "gravou";
}else{
	echo "nao-gravou";
}

 

[gabrieldarezzo 255]

Complementado meu amigo @quimera :


O callback é uma maneira de trabalhar com chamadas assíncronas.

Traduzindo ao pé da letra fica algo como: ''ligue de volta'':

Talvez um exemplo pode ser melhor hehe:

Vamos criar uma pagina de processamento 'pesadão':
dados_demorados.php:

<?php


//Aguardar 4 Segundos simulando um processamento pesado
sleep(4);

echo 'Demorei mas cheguei ^^';

Vamos chamar ela de uma maneira sem o uso de callback, imaginando que tudo fosse 'procedural':

var meuRetorno;
$.ajax({
	type: "GET",
	url: "dados_demorados.php",
	data: dados,
	success: function(resposta){
		meuRetorno = resposta;
	}
});

alert('A resposta dos dados são: ' + meuRetorno);

Provavelmente vai dar merd@ já q o tempo de espera da página 'dados_demorados.php' é de 4 segundos, e a variável 'meuRetorno' não foi populada ainda.
Explicando...
O comportamento esperado é extamente esse, não é necessário esperar o retorno:

success: function(){
....

para executar oq está abaixo.


Uma maneira de contornar isso seria a utilização de callbacks:
 

$.ajax({
	type: "GET",
	url: "dados_demorados.php",
	data: dados,
	success: function(resposta){		
		exibirOsDados(resposta);
	}
});

exibirOsDados(meusDados){
	alert('A resposta dos dados são: ' + meusDados);
}

Deu pra pegar o conceito de callback @halfar ??