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

21 de junho de 2018 5 respostas Resolvido

LeandroCGMS 21 de junho de 2018

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?

5 Respostas

rodevops 22 de jun. de 2018

E como você está fazendo?

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

LeandroCGMS 22 de jun. de 2018

Esse é o index.html:

o index.js:

e o funcoes.php:

github.com

LeandroCGMS/DesenvolvimentoWeb/blob/master/funcoes.php

<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/aulas.css">
<title>Funções PHP</title>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<Script type="text/javascript" src="js/aula/index.js"></script>


<body>
  <div>
    <?php
      //$valorPassado = isset($_POST["valor"])?$_POST["valor"]:"Valor não passado pelo Ajax";
      imprimeTela();

      function imprimeTela() {
        echo "Dentro da função PHP chamada pelo Ajax do JQuery<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>";
        //echo "O valor passado pelo Ajax foi $valorPassado";
      }

This file has been truncated. show original

Solucao aceita

rodevops 22 de jun. de 2018 1 like

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…

LeandroCGMS 22 de jun. de 2018

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?

rodevops 23 de jun. de 2018 1 like

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!

Criado 21 de junho de 2018

Ultima resposta 23 de jun. de 2018

Respostas 5

Participantes 2

5 Respostas

Topicos relacionados