Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Modesto

Enviar formulário sem atualizar a pagina com ajax e PHP

Recommended Posts

Olá boa noite a todos!!

 

Gostaria de tura uma dúvida estou desenvolvendo um site e neste terá alguns formulário para onde o usuário pode enviar informações, estou com dois problema nesse tipo de envio e gostaria de uma ajuda help de vcs.

 

Sempre que eu submeto o form a pagina é atualizada, gostaria que quando for enviar o formulário mostrasse um gif de processamento a e pagina não atualizasse, ou seja ficasse estática e limpasse os campos apos o envio.

 

Fiz várias pesquisar na net e foi sugerido usar ajax não sei se seria o mais correto, mas enfim o problema que não estou conseguindo fazer isso.

 

Abaixo segue meus codigo para que vcs possa analisar.

 

<script>

$('.j_formsubmit').submit(function() {

var dados = $(this).serialize();

$.ajax({

url: '../_cdn/enviar.php',

data: dados,

type: 'POST',

dataType: 'json',

beforeSend: function() {

$('.form_load').fadeIn();

},

success: function(data) {

console.clear();

console.log(data);

$('.form_load').fadeOut();

alert("Olá " + data.nome + ". Obrigado por enviar sua mensagem!");

}

});

return false;

});

</script>

 

 

<form action="" method="post" class="fl-nome main_formcontato j_formsubmit">

<div class="main_homeform">

<label>

<input class="inputname" type="text" name="nome" required title="Por favor, informe seu nome" placeholder="Informe seu Nome:">

<input class="inputemail" type="email" name="email" required title="Por favor, informe seu e-mail" placeholder="Informe seu Email:">

<input class="inputdate" type="date" name="data" required title="Por favor, informe da data do evento" placeholder="Informe data so seu Evento:">

<img class="form_load"title="Aguarde, enviando contato!" alt="[Aguarde, enviando contato:]" src="<?= HOME; ?>/_cdn/ajax-loader.gif"/>

<input class="btn-yelow inputbtn" type="submit" value="Enviar"/>

</label>

</div>

</form>

 

ambos estão no mesmo arquivo da meu site. toda sugestão, dica e ajuda será muito bem vindo, pois estou a dias tentando resolver isso.

 

abaixo em outro arquivo está o enviar.php

 

 

if (isset($post) && !empty($post)) {

$f['nome'] = ($_POST['nome']);

$f['email'] = ($_POST['email']);

$f['data'] = ($_POST['data']);

$assunto = "Serviço";

$nomeDestino = "Contato";

$msgSend = '<html>

<head>

<title></title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

</head>

<body>

<table width="100%" border="0">

<tr>

<td>

<tr>

<td widht="100%"align="left"><img src="<? = HOME;

?>/themes/img/logomeail.png width="180" height="100"></td>

</tr>

</tr>

</table>

<table width="100%" border="0" align="center">

<tr>

<td> <font size="1" color="gray" face="verdana"><center>Solicitação bate papo via serviço </center></font>

</td>

</tr>

</table>

<table width="100%" border="0">

<tr>

<td>

<tr>

<td widht="100%" bgcolor="#40223B" align="center"><font color="white">Dados do Casal</font></td>

</tr>

</tr>

</table>

<table width="100%" border="0">

<tr>

<td style="border-bottom: 1px solid #C0C0C0"; width="15%" align="Left"><font color="#40223B">Nome cliente:</font></td>

<td style="border-bottom: 1px solid #C0C0C0"; width="95%"><font color="#0066CC"><strong>' . $f['nome'] . '</strong></font></td>

</tr>

</table>

<table width="100%" border="0">

<tr>

<td style="border-bottom: 1px solid #C0C0C0"; width="5%" align="Left"><font color="#40223B">Email:</font></td>

<td style="border-bottom: 1px solid #C0C0C0"; width="50%"><font color="#0066CC"><strong>' . $f['email'] . '</strong></font></td>

<td style="border-bottom: 1px solid #C0C0C0"; width="17%" align="Left"><font color="#40223B">Data do evento:</font></td>

<td style="border-bottom: 1px solid #C0C0C0"; width="25%"><font color="#0066CC"><strong>' . $f['data'] . '</strong></font></td>

</tr>

</table>

</body>

</html>';

if (empty($f['nome'])) {

echo '<p class="">Por favor, informar seu nome!</p>';

} elseif (!valMail($f['email'])) {

echo '<p class="">Por favor, informar um email valido!</p>';

} elseif (empty($f['data'])) {

echo '<p class="">Por favor, informar uma data!</p>';

} else {

sendMail($assunto, $msgSend, $f['email'], $f['nome'], MAILDESTINO, $nomeDestino, $reply = $f['email']);

}

}

 

 

 

 

muito obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Procure por

jquery form

Ou dê uma olhada nesse artigo. http://www.devmedia.com.br/criando-um-cadastro-com-php-ajax-e-jquery/28046

Compartilhar este post


Link para o post
Compartilhar em outros sites

Na sua primeira linha do JS, troque isso:

$('.j_formsubmit').submit(function() {

Por isso:

$('.j_formsubmit').submit(function(e) {
    e.preventDefault();
...

Eu sei que tem um return false na função, mas, só por desencargo de consciência.

 

Qual é o erro que você está encontrando? A página não faz nada?

 

Além do método success, implemente também o método error, para verificar e tratar um possível erro na requisição ajax.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá Alaerte Gabriel e cviniciussdias

 

obrigado pela postagem, fiz alguns ajustes usando o post do Alaerte que não tinha no meu código como criar os ids no form e no input e também o solicitado pelo cviniciussdias, o que está acontecendo agora é que quando clico em enviar ele fica processando mas não envia o email.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá Alaerte Gabriel e cviniciussdias

 

obrigado pela postagem, fiz alguns ajustes usando o post do Alaerte que não tinha no meu código como criar os ids no form e no input e também o solicitado pelo cviniciussdias, o que está acontecendo agora é que quando clico em enviar ele fica processando mas não envia o email.

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por landerbadi
      Boa tarde pessoal. Estou tentado fazer uma consulta no banco de dados porém estou tendo dificuldades. Tenho uma tabela chamada "itens" com os seguintes campos: id, item, ativo. Nela tem cadastrado vários itens. No campo ativo eu coloco a letra "S" para informar que este item está ativo no sistema. Por exemplo: 1, casa, S 2, mesa, S 3, cama, S 4, moto S 5, rádio O quinto registro "radio" não está ativo no sistema pois não tem um "S" no campo ativo. E outra tabela chamada "produtos" com os seguintes campos (id, item1, item2, item3) com os seguintes registros: 1, casa, mesa, moto 2, mesa, casa, cama 3, rádio, cama, mesa Eu preciso fazer uma busca na tabela produtos da seguinte maneira: Eu escolho um registro na tabela "itens", por exemplo "mesa". Preciso fazer com que o php me liste todos os registros da tabela "produtos" que contenham a palavra "mesa". Até aqui tudo bem eu consigo listar. Estou fazendo assim: <?php $item = "mesa" $sql = mysqli_query($conn, "SELECT * FROM produtos WHERE item1 LIKE '$item' OR item2 LIKE '$item' OR item3 LIKE '$item' LIMIT 10"); while($aux = mysqli_fetch_assoc($sql)) { $id = $aux["id"]; $item1 = $aux["item1"]; $item2 = $aux["item2"]; $item3 = $aux["item3"]; echo $id . " - " . $item1 . ", " . $item2 . ", " $item3 . "<br>"; } ?> O problema é que está listando todos os registros que contém o item mesa. Eu preciso que o php verifique os demais item e me liste somente os registro em que todos os registros estejam ativos no sistema. No exemplo acima ele não deveria listar o registro 3. pois nesse registro contém o item "radio" e este item não está ativo no sistema. Ou seja, o registro "radio" na tabela itens não possui um "S" na coluna "ativo". Alguém sabe como resolver isso?
    • Por ILR master
      Fala galera.
      Espero que todos estejam bem.
      Seguinte: Tenho um arquivo xml onde alguns campos estão com : (dois pontos), como o exemplo abaixo:
       
      <item>
      <title>
      d sa dsad sad sadasdas
      </title>
      <link>
      dsadas dsa sad asd as dsada
      </link>
      <pubDate>sadasdasdsa as</pubDate>
      <dc:creator>
      d sad sad sa ad as das
      </dc:creator>
      </item>
       
      Meu código:
       
      $link = "noticias.xml"; 
      $xml = simplexml_load_file($link); 
      foreach($xml -> channel as $ite) {     
           $titulo = $ite -> item->title;
           $urltitulo = $ite -> item->link;
           print $urltitulo = $ite -> item->dc:creator;
      } //fim do foreach
      ?>
       
      Esse campo dc:creator eu não consigo ler. Como faço?
       
      Agradeço quem puder me ajudar.
       
      Abs
       
       
    • Por First
      Olá a todos!
       
      Eu estou criando um sistema do zero mas estou encontnrando algumas dificuldades e não estou sabendo resolver, então vim recorrer ajuda de vocês.
      Aqui está todo o meu código: https://github.com/PauloJagata/aprendizado/
       
      Eu fiz um sistema de rotas mas só mostra o conteúdo da '/' não sei porque, quando eu tento acessar o register nada muda.
      E eu também quero que se não estiver liberado na rota mostra o erro de 404, mas quando eu tento acessar um link inválido, nada acontece.
      Alguém pode me ajudar com isso? E se tiver algumas sugestão para melhoria do código também estou aceitando.
       
       
      Desde já, obrigado.
    • Por landerbadi
      Olá pessoal, boa tarde
       
      Tenho uma tabela chamada "produtos" com os seguintes campos (id, produto) e outra tabela chamada "itens" com os seguintes campos (id, prod_01, prod_02, prod_03, prod_04).
       
      Na tabela produtos eu tenho cadastrado os seguintes produtos: laranja, maçã, uva, goiaba, arroz, feijão, macarrão, etc.
       
      Na tabela itens eu tenho cadastrado os itens da seguinte maneira:
       
      1, laranja, uva, arroz, feijão;
      2, maçã, macarrão, goiaba, uva;
      3, arroz, feijão, maçã, azeite
       
      Meu problema é o seguinte: 
      Eu escolho um produto da tabela "produtos", por exemplo "uva".  Preciso fazer uma consulta na tabela "itens" para ser listado todos os registros que contenham o produto "uva" e que todos os demais produtos estejam cadastrados na tabela "produtos".
       
      No exemplo acima seria listado apenas dois registros, pois o terceiro registro não contém o produto "uva". 
       
      Alguém pode me ajudar? Pois estou quebrando a cabeça a vários dias e não consigo achar uma solução.
    • Por landerbadi
      Boa tarde pessoal. Estou tentado fazer uma consulta no banco de dados porém estou tendo dificuldades. Tenho uma tabela chamada "itens" com os seguintes campos: id, item, plural, ativo. Nela tem cadastrado vários itens e seu respectivo plural. No campo ativo eu coloco a letra "S" para informar que esta palavra está ativa no sistema. Por exemplo: 1, casa, casas, S 2, mesa, mesas, S 3, cama, camas, S 4, moto, motos, S 5, rádio, rádios O quinto registro "radio" não está ativo no sistema pois não tem um "S" no campo ativo. E outra tabela chamada "variações" com os seguintes campos (id, item1, item2, item3) com os seguintes registros: 1, casa, camas, moto 2, mesas, casas, radio 3, rádio, cama, mesa Eu preciso fazer uma busca na tabela variações da seguinte maneira: Eu escolho um registro na tabela "itens", por exemplo "casa". Preciso fazer com que o php me liste todos os registros da tabela "variações" que contenham a palavra "casa". Porém se tiver algum registro com a palavra "casas" também tem que ser listado. Neste caso ele irá encontrar dois registros. Agora eu preciso que o php verifique os demais itens e faça a listagem apenas dos item que estão ativos (que contenham um "S" no campo ativo. Neste caso ele irá encontrar apenas um registro, pois o segundo registro contém a palavra "rádio". E "rádio" não está ativo na tabela itens. Como faço isso?
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.