como atualizar uma pagina ao clicar em um botão

[arldin 1]

Boa tarde como faço para atualizar uma outra pagina quando clicar em um botão

este e parte do script que contem o boão

<input name="cadastrar" type="submit" id="cadastrar" value="Liberar carros" />

quando eu clicar neste botão eu quero atualizar seguinte pagina

letreiro.php

[Diego Rinno 35]

Você colocou esse botão e uma página e quer "atualizar" outra página diferente? Se for isso, use Ajax pra enviar o formulário. Se você quer atualizar a mesma página em que o botão se encontra, adicione um OnClick="location.reload();" ao seu botão.

 

Mas sinceramente isso não vai funcionar muito bem, tenta explicar melhor o que você pretende fazer.

[arldin 1]

O botão esta em outra pagina a pagina que está o botão e a pagina a onde o fiscal vai liberar o carro da vez e a outra e um letreiro que informa aos passageiros qual e o carro que está para sai. Por isso eu tenho que atualizar a pagina do letreiro toda as vezes que for liberado o carro da vez para sai

[Diego Rinno 35]

As páginas estão ligadas por um iframe ou algo do gênero? Ou são, de fato, páginas totalmente distintas e você só precisa realmente atualizar a página do letreiro sem interferir na outra?

 

Se for a segunda opção, você pode usar jQuery + Ajax pra fazer requisições de tempo em tempo de forma automática lá na sua página do letreiro. Sempre que tiver alguma alteração no banco de dados, a página vai atualizar sozinha. Se isso for útil pra você, aqui vai um código com exemplo de como você vai enviar o POST do ajax pra sua página PHP que vai conectar ao banco de dados, mas a construção da página é contigo. Vou colocar aqui também um link pra vc ler mais detalhes sobre como trabalhar com jQuery + Ajax, ai vai ficar simples se vc olhar o exemplo e ler o tutorial (em inglês).

 

Antes de qualquer coisa, adicione isso antes da sua tag </HEAD> na página que será atualizada:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" type="text/javascript" language="javascript"></script>

Exemplo do Ajax com jQuery:

function meuPrimeiroAjax(valor1, valor2){
	$.ajax({
		type: "POST",
		data: {
			campo1:valor1,
			campo2:valor2,
			campo3:"valor 3" // isso também funciona //
		},
		url: "http://www.meusite.com/minhapagina.php",
		dataType: "html",
		beforeSend: function() {
			$("#loading").html('<center><br /><br /><br /><br /><p style="font-weight:bold;">Carregando: <img style="vertical-align:middle;" src="https://www.rinnoshop.com/img/load.gif"/></center>');
		},
		success: function(result){
			// ADICIONE AQUI O JAVASCRIPT OU JQUERY QUE QUISER QUE SEJA EXECUTADO EM CASO DE SUCESSO NA REQUISIÇÃO //
			
		},
		error: function(xhr, status, error) {
			$("#loading").html('<center><br /><br /><br /><br /><p style="font-weight:bold;">Um erro ocorreu. Tentaremos novamente em alguns segundos. Não se preocupe, tudo será automático ☺</p></center>');
			setTimeout(function(){meuPrimeiroAjax(valor1, valor2);}, 10000);
		}
	});
}

Uma dica: onde tá escrito: "// ADICIONE AQUI O JAVASCRIPT OU JQUERY QUE QUISER QUE SEJA EXECUTADO EM CASO DE SUCESSO NA REQUISIÇÃO //" você pode colocar algo como:

 

if(result == "SUCCESS"){

location.reload();

}

 

Desta forma, assim que houver alguma alteração no banco de dados, a página será atualizada automaticamente.

 

Outra coisa, eu coloquei ali no ERROR um código pra ele tentar refazer a conexão automaticamente depois de 10 segundos, em caso de qualquer erro na requisição.

 

Sugiro que faça uma página php que verifique por atualizações no banco de dados, pode fazer isso armazenando o total de registros do banco e assim que esse número aumentar ou diminuir, você dá um echo "SUCCESS". Do contrário, não faz nada. Dessa forma, quando ecoar o SUCCESS (que, aliás, deve ser A ÚNICA COISA impressa nessa tela) o Ajax vai executar o que tiver dentro do success: function(result){} pra você.

[Diego Rinno 35]

A página pra você dar uma olhada mais afundo no Ajax: http://www.w3schools.com/jquery/jquery_ajax_intro.asp

[Helmesvs 10]

Coloque esse codigo no head e configure como quiser

<head> <meta http-equiv="refresh" content="tempo_em_segundos_aqui;URL=url_da_pagina"> </head>

A pagina vai atualizar automaticamente no tempo que você determinar.