Botão eliminar com javascript

[joaocasta]

Bem, cheguei à altura em que tenho muito dados na base de dados e não seria muito agradável ir à base de dados sempre que quero eliminar os dados. Pois bem, o que queria era chamar os dados da minha tabela e eliminá-los com um botão em javascript, tentei procurar mas os exemplos são um pouco esquisitos, por isso vim aqui à minha comunidade favorita para me tentar ajudar...

Podem?

Edited July 1, 2012 at 04:41 PM by joaocasta

[dash]

E é mesmo necessário ser em JavaScript? Dá para fazer somente com php e html.

[joaocasta]

sim mas com javascript era melhor

[dash]

Era melhor porquê?

Já tens algum código feito? Tens alguma dúvida concreta? Procuras exemplos ou metodologias?

[joaocasta]

Ficava mais bonito, mas assim sendo ensina-me só com php e html

[dash]

Não entendo o que queres dizer com o 'bonito', mas uma solução simples para o teu problema é:

Listas todos os resultados que te interessam;

Ao listares 1 a 1, recolhes também o id do teu item e crias um link para redireccionar para um script php.

No script php recolhes o id que vem anteriormente do link e eliminas o registo desse id(s).

[joaocasta]

tens aí algum codigo para me poderes explicar?

[yoda]

Não entendo o que queres dizer com o 'bonito', mas uma solução simples para o teu problema é:

Listas todos os resultados que te interessam;

Ao listares 1 a 1, recolhes também o id do teu item e crias um link para redireccionar para um script php.

No script php recolhes o id que vem anteriormente do link e eliminas o registo desse id(s).

Imagina que a página onde listas os dados pesa 100Kb. Se usares só php/mysql, de cada vez que precisares apagar um registo ele vai-te processar novamente a página, além do processo de apagar em si, dando pelo menos o dobro dos dados transmitidos. Se usares javascript, tens os 100Kb iniciais mais uma pequena porção correspondente a um "possível" post-back do server a dizer que se ocorreu algum erro ou se correu tudo bem com o site, ou seja, ... os numeros falam por si.

[joaocasta]

Por isso é que queria javascript... podes ajudar-me yoda?

[dash]

Imagina que a página onde listas os dados pesa 100Kb. Se usares só php/mysql, de cada vez que precisares apagar um registo ele vai-te processar novamente a página, além do processo de apagar em si, dando pelo menos o dobro dos dados transmitidos. Se usares javascript, tens os 100Kb iniciais mais uma pequena porção correspondente a um "possível" post-back do server a dizer que se ocorreu algum erro ou se correu tudo bem com o site, ou seja, ... os numeros falam por si.

Mas eu não tenho dúvidas quanto a isso. Foi uma (tentativa de) forma subtil para que se chegasse à conclusão se realmente necessitava de usar javascript ou não, ou outro tipo de ferramenta.

"Cheguei a uma altura que tenho muitos registos" <- O que são muitos? 1000, 10000, 100000, 10000000?

Beleza e usabilidade, não é a mesma coisa, daí eu estranhar o "javascript porque é bonito".

[taviroquai]

Bem, cheguei à altura em que tenho muito dados na base de dados e não seria muito agradável ir à base de dados sempre que quero eliminar os dados. Pois bem, o que queria era chamar os dados da minha tabela e eliminá-los com um botão em javascript, tentei procurar mas os exemplos são um pouco esquisitos, por isso vim aqui à minha comunidade favorita para me tentar ajudar...

Podem?

Na operação de listar, sim, o processo pode ser pesado. Na operação de eliminar, normalmente com 1 consulta, eliminas os dados. Se por exemplo na interface do utilizador, escolheres N registos não sequenciais, uma solução é passares apenas os IDs para o servidor e com uma consulta podes eliminar esses registos. Portanto, normalmente eliminar não exige recursos tanto do servidor como do browser.

[joaocasta]

É muitos mesmo pronto! Passando à frente, eu queria o javascript por ser uma coisa mais útil.

[bruno1234]

Procura exemplos na net de como fazeres um post em ajax, para fazeres o delete via javascript.

Se quiseres, podes recorrer a bibliotecas como jQuery para simplificar o trabalho.

[taviroquai]

Por exemplo...

<div id="interface">
<form action="/delete" method="post" id="lista">
<ul>
<li>
	 <span><input type="checkbox" name="selected[]" value="<?=encode($row['id'])?>" /></span>
	 <span><?=$row['name']?></span>
</li>
</ul>
<button type="submit">eliminar</button>
</form>
<div>

Depois com jQuery...

jQuery('#lista').submit(function() {
var me = jQuery(this);
jQuery.ajax({
	url: me.attr('action'),
	type: me.attr('method'),
	data: me.serialize(),
	success: function(response) {
		 jQuery('#interface').html(response);
	}
   });
});

Edited July 1, 2012 at 09:32 PM by taviroquai

[brunoais]

^

Hum...

Não gosto feito dessa maneira principalmente o que meteste para quando faz com sucesso (essa parte é código de preguiçoso e é também código bem aberto para um hacker/cracker se aproveitar) mas sim... É uma maneira de resolver o problema.... :|

Fazer bom código significa enviar para o servidor só o que o servidor precisa e receber do servidor só o que o cliente precisa. Nunca existe HTML nesse processo.

Já agora, se não sabes escrever código não usando o jQuery não devias de usar o jQuery. Começa por fazer as coisas usando só o que a linguagem te dá (neste caso, o que o browser te dá) e usa bibliotecas como o jQuery só para o complicado.

Edited July 3, 2012 at 11:31 AM by brunoais

[ivan919]

Eu fiz a mesma coisa que tu queres vou explicar como podes fazer, fazes um listar de todas as linhas da tua Base de dados e incorporas um codigo assim parecido:

<a href="apagar.php?id=' . $row['ID'] . '"><img src="x.gif">

vai criar um botao que vai para a pagina php que vai ter o codigo para eliminar, e vai pegar no id da linha que pretendes, a imagem foi para ficar mais estetico este tem uma X