[RESOLVIDO] Carregar Informações na Mesma Página do Formulário

Boa noite.
Consegui receber a mensagem da função success ao enviar um post através do Ajax, mas o echo do PHP não aparece na página html.
São 3 arquivos, o html que inclui a biblioteca JQuery, o arquivo JS que tem as funções ready e ajax e o arquivo PHP que processa o post.
Que parâmetro ou o quê está faltando?

E como você está fazendo?

Sem exemplo de código fica dificíl darmos resposta pronta, nos ajude a te ajudar jovem!

Esse é o index.html:

o index.js:

e o funcoes.php:

Seu success não possui retorno…

success: function() {
...

Deveria ser:

success: function(resp) {
    console.log(resp);
    alert('Alerta Sucesso do Ajax: função PHP chamada com sucesso');
}

Mas qualquer outro nome de variável é possível, eu uso resp como abreviação de response, mas pode ser retorno, resposta, dados, enfim, você que escolhe…

A partir dela que você decide com js o que irá fazer…

1 curtida

Agora
Depois da sua mensagem, fiz umas tentativas e consegui resolver com essa linha:
$(".tela").html(retorno);
.tela é uma class de uma div. Valeu!

Antes
E pra imprimir na mesma página html tem que usar uma função do JQuery ou algo como document.write?

document.write só deve ser usado no momento em que a página está sendo carregada, se você usá-lo depois o navegador terá comportamento estranho (abrirá uma nova janela com o conteúdo que você mandou imprimir), no seu caso melhor continuar com html do jQuery ou se quiser nativo do js, use o atributo innerHTML…

document.getElementByClassName('tela').innerHTML = retorno;

E aliás, antes de avançar no jQuery, recomendo muito você se aprofundar um pouco no js, pesquise sobre fazer uma request ajax nativa, manipular o DOM (pesquise sobre isso também) nativamente, usar seletores nativos, etc, segue algumas referencias boas para te auxiliar…

https://www.w3schools.com/jsref/default.asp

http://www.java2s.com/Code/JavaScriptReference/CatalogJavaScriptReference.htm

Fazendo isso antes de avançar para jQuery, você não terá dificuldades e ainda se algum dia precisar mexer com nodejs, já tem meio caminho andado no aprendizado, bons estudos!

1 curtida