Ir para conteúdo

POWERED BY:

Arquivado

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

wdc_black_

[Resolvido] Script para inserir no banco e ja mostrar na tela

Por , em Javascript

Recommended Posts

wdc_black_    0

wdc_black_
Postado

eai galera, dei uma procurada no google para achar esse script e encontrei algo legal...

 

enviar.php

<?php 
$nome = $_POST['nome'];
$email = $_POST['email'];
$telefone = $_POST['telefone'];

if (!($nome) || !($email) || !($telefone)){
print "Preencha todos os campos!"; exit();
}
//Abrindo Conexao com o banco de dados
$conexao = mysql_pconnect("localhost","root","") or die (mysql_error());
$banco = mysql_select_db("bancodedados");

//Utilizando o  mysql_real_escape_string voce se protege o seu código contra SQL Injection.
$nome = mysql_real_escape_string($nome);
$email = mysql_real_escape_string($email);
$telefone = mysql_real_escape_string($telefone);

$insert = mysql_query("insert into contatos (nome,email,telefone) values ('{$nome}','{$email}','{$telefone}')");
if($insert) {

print "Erro ao Cadastrar!";
 }else {
print "Erro ao Cadastrar!";
}
mysql_close($conexao);
?>

 

index.php

<script src="js/jquery-1.3.2.min.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript" language="javascript" src="js/ajaxpost.js"></script>

<form action="#" method="post">
<label>Nome: <input type="text" name="nome" id="nome" /></label>
<label>Email: <input type="text" name="email" id="email" /></label>
<label>Telefone: <input type="text" name="telefone" id="telefone" /></label>
<input type="button" value="Enviar" id="enviar" />
</form>

<div id="resposta"></div>

 

ajaxpost.js

$(document).ready(function() {
$("#enviar").click(function() {
	var nome = $("#nome");
	var nomePost = nome.val(); 
	var email = $("#email");
	var emailPost = email.val(); 
	var telefone = $("#telefone");
	var telefonePost = telefone.val(); 	
	$.post("enviar.php", {nome: nomePost, email: emailPost, telefone: telefonePost},
	function(data){
	 $("#resposta").html(data);
	 }
	 , "html");
});
});

 

o script funciona de boa, adiciona no banco sem problema nenhum, só que eu queria assim, que mostrase todos os registro na index.php e ao adicionar 1 novo registro ele apenas acrescentasse no topo de lista esse registro novo.

 

o codigo para mostra seria esse aqui

 

<?php   
$sql = "select * from contatos order by id DESC";
   	$query = mysql_query($sql) or die (mysql_error());
	while($linha = mysql_fetch_array($query))
	{	
	      extract($linha);
?>
                     <div><?php echo $nome; ?> | <?php echo $email; ?> | <?php echo $telefone; ?></div>
<?php
   	        }
?>

 

alguem teria alguma ideia de como posso fazer isso??

se tiverem como colocar exemplo ajuda bastante, pois sou bem fraco em php e ajax ;)

abraços

 

seria algo do tipo assim...

v3fm.jpg

 

:D

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

pesquise sobre o .append(), prepend()

Compartilhar este post

Link para o post
Compartilhar em outros sites

wdc_black_    0

wdc_black_
Postado

eai w. bruno, andei dando uma olhada por esse prepend() e achei outro código...

dei uma mexida e está funcionando do jeito que eu queria....

mas ele ta muito confuso...

gostaria de saber se você ou alguem poderia dar uma olhada e uma organizada, se possivel...

se nao tiver como, n tem problema ;)

 

index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajax Post</title>
<script src="js/jquery-1.3.2.min.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript" language="javascript" src="js/ajaxpost.js"></script>
</head>

<body>
<div id="main">
   <div id="middle">
         <div id="cadastro">
             <form action="enviar.php">
                 <fieldset>
                 <label>Nome</label><br/>
                 <input type="text" name="nome" size="31" maxlength="30" class="border"/><br />
                 <label>Telefone</label><br/>
                 <input type="text" name="telefone" size="31" maxlength="11" class="border" /><br/>
                 <label>E-mail</label><br/>
                 <input type="text" name="email" size="31" maxlength="100" class="border" /><br/>
               <button>Cadastrar</button>
               </fieldset>
             </form>
         </div> <!-- cadastro -->
   </div> <!-- middle -->
</div> <!-- main -->
<br /><br />
<div id="loading"></div>
<div id="cont">
<?php 
$conn = mysql_connect("localhost", "root", "");
mysql_select_db("bancodedados");
$sql = "select * from contatos order by id DESC";
   $query = mysql_query($sql) or die (mysql_error());	
  	while($linha = mysql_fetch_array($query))
   {	
	 extract($linha);
?>

   	<table width='870' border='0' cellspacing='0' cellpadding='0' bgcolor='#f9f9f9'>
           <tr>
           	<td width='140' valign='middle' align='center'><?php echo $id; ?></td>
               <td width='140' valign='middle' align='center'><?php echo $nome; ?></td>
               <td width='450' valign='middle' align='center'><?php echo $email; ?></td>
               <td width='70' valign='middle' align='center'><?php echo $com; ?></td>
           </tr>
        </table>
    <?php } ?>

</div>
</body>
</html>

 

enviar.php

<?php
$nome = strip_tags(trim($_POST['nome']));
$telefone = strip_tags(trim($_POST['telefone']));
$email = strip_tags(trim($_POST['email']));
if(empty($nome) || empty($telefone) || empty($email)){
       echo"Você deve preencher todos os campos!";
       die();
}

$conn = mysql_connect("localhost", "root", "");
mysql_select_db("bancodedados");

$sql = "INSERT INTO contatos (nome, email, com) VALUES ('".$nome."', '".$telefone."', '".$email."')" or die(mysql_error());
$insert = mysql_query($sql) or die(mysql_error());
if ($insert) {
$sql = "SELECT * FROM contatos ORDER BY id DESC LIMIT 1";
   $query = mysql_query($sql) or die ( mysql_error() );
   $linha = mysql_fetch_array($query) or die ( mysql_error() );
   extract($linha);
   {
?>
   <table width='870' border='0' cellspacing='0' cellpadding='0' bgcolor='#f9f9f9'>
           <tr>
           	<td width='140' valign='middle' align='center'><?php echo $id; ?></td>
               <td width='140' valign='middle' align='center'><?php echo $nome; ?></td>
               <td width='450' valign='middle' align='center'><?php echo $email; ?></td>
               <td width='70' valign='middle' align='center'><?php echo $com; ?></td>
           </tr>
        </table>
    <?php
}
 }
mysql_close($conn);
?>

 

ajaxpost.js

$(document).ready(function(){
   $forms = $('form');
   $forms.bind('submit', function(){
       var $button = $('button',this).attr('disabled',true);
       var params = $(this.elements).serialize();
       var self = this;
       $.ajax({
           type: 'POST',
           url: this.action,
           data: params,
           beforeSend: function(){
               $('#loading').show();
               $('#loading').html("Carregando...");
           },
           success: function(txt){
               $button.attr('disabled',false);
               $('#loading').html(txt);				
               self.reset();
           },
           error: function(txt){
               $('#loading').html(txt);
           }
       })
       return false;
   });
});

 

 

 

fico no aguardo..., muito obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito