Ir para conteúdo
Fórum Script Brasil
  • 0

AJAX adicionar deletar itens de uma tabela com ajax e json


celsomtrindade

Pergunta

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 para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...