Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17615
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Deletar valor de checkbox sem atualizar página jQuery MySQL

23-09-2012 16:46

Nesse post, segue um código para:

- Listar linhas da tabela junto com checkbox;
- Marcar o checkbox "linha" que deseja deletar;
- Deletar as linhas checadas sem atualizar todo o documento.

Esse script usa a biblioteca jQuery e banco de dados MySQL.

Como base, usei uma tabela chamada estados, com id e nome. Essa é a parte da listagem dos checkbox

<?php $dbhost="localhost"; /* servidor */ $dbuser="teste"; /* usuário do banco de dados */ $dbpasswd="teste"; /* senha do banco de dados */ $dbname="teste"; /* nome do banco de dados */ $conexao = mysql_connect($dbhost, $dbuser, $dbpasswd) or die ("não foi possível a conexão, verifique os dados."); $db = mysql_select_db($dbname) or die ("não foi possível o acesso ao banco de dados $dbname."); ?>


<script src="jquery.js"></script>   <script> $(document).ready(function() { $("#form").submit(function() { var salva = []; // cria o array $("input[name='campo']:checked").each(function() { // pega o checado salva.push($(this).val()); // armazena no array });   // envio dos dados para excluir, retorna os novos $.post('deleta.php',{valores:salva}, function(valor){ $("#resultado").html(valor); alert('Dados deletado com sucesso'); }); // envio dos dados para excluir, retorna os novos   }); }); </script>


<form id="form" onsubmit="return false;"> <div id="resultado">


<?php $query=mysql_query("SELECT nome, id, nome FROM estados"); while($dados=mysql_fetch_array($query)) { extract($dados); echo "<input type=\"checkbox\" name=\"campo\" value=\"$id\"> $nome<br />"; } ?>


</div> <input type="submit" value="deletar"> </form>

O arquivo deleta.php tem o seguinte código.

<?php $dbhost="localhost"; /* servidor */ $dbuser="teste"; /* usuário do banco de dados */ $dbpasswd="teste"; /* senha do banco de dados */ $dbname="teste"; /* nome do banco de dados */ $conexao = mysql_connect($dbhost, $dbuser, $dbpasswd) or die ("não foi possível a conexão, verifique os dados."); $db = mysql_select_db($dbname) or die ("não foi possível o acesso ao banco de dados $dbname."); // para aceitar pontuação pt-br header("Content-Type: text/html; charset=ISO-8859-1",true);  // lista valores uma a um para deletar if(isset($_POST['valores'])) { foreach($_POST['valores'] AS $alvo) { mysql_query("DELETE FROM estados WHERE id='$alvo'"); } } // retorna os checkbox restantes $query=mysql_query("SELECT nome, id, nome FROM estados"); while($dados=mysql_fetch_array($query)) { extract($dados); echo "<input type=\"checkbox\" name=\"campo\" value=\"$id\"> $nome<br />"; } ?>

O script está todo comentado explicando cada trecho de código. Qualquer dúvida só postar.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado