Jump to content
Fórum Script Brasil
  • 0

AJAX adicionar deletar itens de uma tabela com ajax e json


celsomtrindade

Question

E ai pessoal, tudo certo?

Bom, ainda sou novato com ajax (tenho um pouco de base de jquery já) e estou montando uma área administrativa onde possuo uma tabela.

Os dados dessa tabela são obtidas através de um array do json.

Minhas dúvidas são:

  1. Como eu faço para adicionar uma nova linha na tabela? No caso, um novo cadastro.
  2. Como faço para excluir algum cadastro da tabela?
  3. Como posso deixar tudo mais dinâmico? atualizando somente a tabela em tempo real e não toda a página.

Estive buscando algo a respeito, mas encontrei apenas os docs do próprio jquery, o que ficou meio amplo e vago, difícil de juntar as peças para um iniciante como eu.

Mas o que eu tenho por base até o momento vou descrever abaixo e espero que vocês possam confirmar, negar ou me guiar pelo melhor caminho para obter os resultados.

1- posso fazer isso através do método POST, com um script php externo.

Exemplo:

Ajax=

$('form').submit (function(evt) {
	evt.preventDefault();
	var url = "script/cadastra.php";
	var formData = $(this).serialize();
	$.ajax(url, {
		data: formData,
		type: "POST",
		success: function (response) {
			$('#result').html("<p>Cadastrado com sucesso</p>")
		}
	}); //end post
}).fail(function (jqXHR) {
	var error = "<p> Ops, algo deu errado.</p>";
	$('#diverror').html(error);
}); //end submit

PHP (algum código +- assim)=

if(!empty($_POST['jur'])){
	sql("insert into cad_cliente (cod, nm_cliente, razao_social ...)");
}

*Complementado com o restante dos códigos de php de conexão, etc..

------------------------------------------------------------------------------------------------------

2- Para excluir algum cadastro.

Vi que no AJAX existe um método chamado DELETE que poderia ser usado para esta tarefa, porém não consegui juntar muito bem a teoria com a prática.

​O que eu acabei encontrando foi que poderíamos ter algo assim no AJAX

$(".bt_delete").click(function() {
	$.ajax({
		url: 'script/deleta.php',
		type: 'DELETE',
		success: function(data) {     
			//play with data 
		}
	});
});

Com um script externo agindo para fazer a exclusão do banco de dados.

------------------------------------------------------------------------------------------------------

3- E por fim, uma dúvida que ainda não consegui encontrar uma resposta, nem alguma direção, por menor que seja.

Como fazer para que a tabela se atualize automaticamente após alguma dessas 2 modificações? Exclusão/Adição.

Sei que é possível, porém não sei como obter esse resultado ainda.

Espero que alguém possa me ajudar.

Desde já agradeço.

Obrigado!

Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.1k
    • Total Posts
      652k
×
×
  • Create New...