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

Transição do Jquery para o PHP para listar dados na página


Avalon

Pergunta

Boa tarde. Eu tenho uma aba de navegação que deve listar dados ao ser clicada (ao acionar o evento de click do Jquery). Porém, eu não sei como fazer a transição do click do evento do Jquery para o PHP que por sua vez listará os dados e retornará a listagem para que seja exibida na página onde a aba de navegação reside. Eu não vou postar nenhum código pois não faço idéia de como fazer isso; pensei em fazer com ajax porém com esse recurso apenas sei fazer um echo de uma mensagem para o javascript, não sei "puxar" uma tabela criada no PHP a fim de ser mostrada numa página HTML pelo Jquery dinamicamente. Segue o link para uma imagem do que eu tenho atualmente.

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

Usa o ajax() - jquery para fazer a solicitação da tabela a um script PHP.

Esse script PHP vai gerar a sua tabela (montar a tabela com os dados) e, no ajax() você manda colocar os dados em uma <div id='resultado'></div>.

Coloque no ajax() o tipo de dado como 'html' que vai dar certo.

Link para o comentário
Compartilhar em outros sites

  • 0

Agora eu tenho o trecho de código abaixo. Como eu posso fazer para gerar os <tr> e <td> dinamicamente com JQuery com o conteúdo da variável tabela_pesquisador que é um array bidimensional com o conteúdo da tabela do BD? sendo este array bidimensional sido gerado no PHP por:

$instrucao = $pdo->prepare("SELECT * FROM PESQUISADOR");
	$instrucao->execute();
	
	$tabela_pesquisador = $instrucao->fetchAll();
        echo json_encode($tabela_pesquisador);
$("#list_pesquisador").click(function(){
		
		$.ajax({
		  url: "listar_pesquisador.php",
		  success: function(data)
		  {
			  tabela_pesquisador = JSON.parse(data);  
			  $("#nav").after
			  ('<table id="tabela_pesquisador">' +  
			     '<tr>' + 
			        '<th>ID do Pesquisador</th>' + 	  	  
			        '<th>Nome</th>' +  
			        '<th>Sexo</th>' + 
			        '<th>Telefone</th>' + 
			        '<th>CEP</th>' + 
			        '<th>Idade</th>' + 
			        '<th>Encontra-se ativo?</th>' + 
			        '<th>Instituição</th>' + 
			      '<tr>' + 
			   '</table>'    
			  );
		  }
		});
	});
Editado por Avalon
Link para o comentário
Compartilhar em outros sites

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,1k
    • Posts
      651,8k
×
×
  • Criar Novo...