Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Lucas Cunha_166010

UPDATE no banco sem REFRESH na pagina php

Recommended Posts

Galera já procurei em outros foruns mas não achei nada parecido com oque eu preciso.

A situação é a seguinte, irei listar os registros de um banco onde tenho o status inicial, em cada linha listada terei um botão de atualizar, caso eu clique, então terei que atualizar o status para o proximo, por exemplo, se o status inicial é 1 então muda para 2. Lembrando que não quero que dê refresch na pagina.

Seria mais ou menos isso:

 

+-------------------------------------------------------------------------+

| id | Nome | Status | Opção |

+-------------------------------------------------------------------------+

| 1 | teste 1 | A | [Atualizar ] |

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

| 2 | teste 2 | A | [Atualizar ] |

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

| 3 | teste 3 | B | [Atualizar ] |

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

 

Seria mais ou menos uma tabela assim que eu iria buscar do banco.

 

Se eu clicar em [Atualizar] do id (1) então de "A" atualiza (update) no banco para "B".

 

Mas precisa mudar no Banco e Na pagina tbm e o mais importante sem dar REFRESH na pagina

 

Seria isso, se eu clicar no id(3) então de "B" atualiza (update) no banco para "C".


**************** Alguém pode me ajudar, tendo alguma solução?, preciso muito disso.

 

Sei que pode pode ser feito com jquery, ajax, mas não sei como, oque eu pesquisei não consegui achar para oque eu quero.

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Galera consegui fazer, mas se alguem tiver um meio melhor pode postar aqui.

Segue o codigo da solução:

 

index.php

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

	<script src="js/jquery-2.0.3.js" type="text/javascript"></script>

	<script>
	$(document).ready(function(){
			 
		$("button").click(function(event) {
		
			event.preventDefault

			$.ajax({
			
				url: 'update.php',
				data: 'status=' +$(this).val(), 
				type: 'POST',

				success: function(retorno){

					retorno = retorno.split('#');
					
					var status = retorno[0];
					var id = '#'+retorno[1];
					
					switch (status) {
						case 'E':
							$(id).html('Chamar');
							$(id).val('E'+id);
							break;
						case 'C':
							$(id).html('Atender');
							$(id).val('C'+id);
							break;
						case 'A':
							$(id).html('Finalizar');
							$(id).val('A'+id);
							break;
							
					}
					
				}
			});    
		});
		 
	});
	</script>
	
</head>

<body>

<table border="1">

	<tr>
		<td>id</td>
		<td>Nome</td>
		<td>Opcao</td>
	</tr>
	
	<tr>
		<td>1</td>
		<td>Lucas Cunha</td>
		<td><button id="1" value="E#1">Chamar</button></td>
		
	</tr>
	
	<tr>
		<td>1</td>
		<td>Lucas Cunha</td>
		<td><button id="2" value="E#2">Chamar</button></td>
	
	</tr>
	<tr>
		<td>1</td>
		<td>Lucas Cunha</td>
		<td><button id="3" value="E#3">Chamar</button></td>
		
	</tr>

</table>



</body>

</html>

update.php

<?php 

$valor = explode('#', $_POST['status']);

$status = $valor[0];

$id = $valor[1];


switch($status){

	case 'E': echo 'C#',$id; break;
	case 'C': echo 'A#',$id; break;
	case 'A': echo 'E#',$id; break;

}

?>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.