executar php sem refresh na página

[Biel. 9]

Olá pessoal. Temos Ex1 em javascript funcionando sem refresh na página e EX2 em php funcionando com refresh na página. Existe alguma forma  de executar o código php abaixo fazendo uma ligação com ajax e/ou javascript sem refresh na página ?

EX1

<select name="tete" id="tete" size="3" onChange="funcGGG();">
	<option value=""  ></option>
	<option value="aprendizA"  >aprendizA</option>
	<option value="aprendizB"  >aprendizB</option>
  </select>

   <hr />

<div id="vazio" style="display:none;"> vazio </div>
<div id="aaa" style="display:none;"> aaa </div>
<div id="bbb" style="display:none ;"> bbb </div>


<script>      

function funcGGG(){ 
	var itemSelecionado   = document.getElementById('tete').value;
	

	if(itemSelecionado == ""){
		document.getElementById('vazio').style.display='block';
		document.getElementById('aaa').style.display='none';
		document.getElementById('bbb').style.display='none';
		} 

	if(itemSelecionado == "aprendizA"){
		document.getElementById('vazio').style.display='none';
		document.getElementById('aaa').style.display='block';
		document.getElementById('bbb').style.display='none';
		} 	

	if(itemSelecionado == "aprendizB"){
		document.getElementById('vazio').style.display='none';
		document.getElementById('aaa').style.display='none';
		document.getElementById('bbb').style.display='block';
		} 	

	}

</script>

 

EX2

<form action="" method="post" >
<select name="itemSelecionado" required size="3" onChange="this.form.submit()">
	<option value=""  ></option>
  <option value="aprendizA"  >aprendizA</option>
  <option value="aprendizB"  >aprendizB</option>
</select>
 <hr />


<?php
if (isset($_POST["itemSelecionado"])){
?>

<?php
if ($_POST['itemSelecionado'] == ''){
?>
vazio
<?php
}
elseif ($_POST['itemSelecionado'] == 'aprendizA'){
?>
aprendizA

<?php
}
elseif ($_POST['itemSelecionado'] == 'aprendizB'){
?>

aprendizB

<?php
}
}
?>
</form>
 

 

[tetsuo 0]

Sim.
usando uma técnica assíncrona que existe desde 1996, mas só em 2005 teve seu nome cunhado: AJAX
nos dias atuais, usa-se muito a fetch api:
https://developer.mozilla.org/pt-BR/docs/Web/API/Fetch_API/Using_Fetch

https://en.wikipedia.org/wiki/Ajax_(programming)

[Frank K Hosaka 0]

Eu apanhei muito para usar a função assíncrona, eu fiquei muito contente quando consegui montar um HTML e usar o Java como uma ponte de comunicação entre o HTML e o PHP. Mas, na prática, eu não uso nada disso.

 

Eu sou um programador eventual. Eu fiz uma grande besteira em 1990, e agora eu uso o PHP para consertar o banco de dados no MySQL. No começo, eu fiquei desesperado, eu usava o navegador, o MySQL, e o Visual Studio Code. No meu caso, o Java em nada podia me ajudar. Aliás, eu queria eliminar a janela do navegador e a janela do MySQL. Eu ainda não consegui. Mas hoje eu trabalho basicamente com o Visual Studio Code. Ao invés de jogar a resposta no HTML, eu pedi para o PHP jogar a resposta na janela de depuração do Visual Studio.

Ou seja, cada caso é um caso. Se você precisa ganhar muito dinheiro, certamente você vai ter que estudar o Java. Mas se você tem preguiça de estudar (como é o meu caso), a melhor maneira de empurrar a barriga é com o PHP, de preferência sem nenhum HTML. Mas o depurador do Visual Studio só serve para receber resposta, ele não é capaz de receber nenhuma solicitação.

[tetsuo 0]

2 horas atrás, Frank K Hosaka disse:

usar o Java como uma ponte de comunicação entre o HTML e o PHP.

Não estamos falando de Java
Estamos falando de Javascript

 

[Frank K Hosaka 0]

3 horas atrás, tetsuo disse:

Não estamos falando de Java
Estamos falando de Javascript

 

Hahahaha... Eu acabei não entendendo a diferença do Java e do JavaScript, mas eu chamo de Java ou JavaScript aleatoriamente tudo que vem dentro do marcador <script></script> ou dentro de um arquivo .js, bem como eu chamo de PHP tanto os arquivos com a extensão .php ou blade.php.

Claro que é muito chato alguém dar o mesmo nome para coisas diferentes, mas estamos no Brasil. Aqui, eu chamo o vencedor das eleições como Senhor Governador, já muitos outros chamam com outro nome.

No mundo da informática, eu uso o sistema de tentativa e erro, tipo:

 

<script>
k=0
j=0
ob={}
async function diario() {
	form = new FormData();
	response=await fetch("php/diario.php", {method: "POST", body: form});
	body=await response.json()
	j=body.length
	ob=body
	listadiario()}
function listadiario() {
	if (k<j) {
		exibe="<table><tr><th>Docto<th>Conta<th>Valor<th>Historico"
		for (i=k;i<k+15;i++){
			if (i==j){break}	
			if (ob[i].debito!=null){valor=parseFloat(ob[i].debito).toLocaleString("pt-br",{minimumFractionDigits:2})}
			if (ob[i].credito!=null){valor="<font color=red>"+parseFloat(ob[i].credito).toLocaleString("pt-br",{minimumFractionDigits:2})+"</font>"}
			exibe+="<tr><td>"+ob[i].docto+"<td>"+ob[i].conta+"<td align=right>"+valor+"<td>"+ob[i].hist}
		if (i!=j) {exibe+="<tr><td><td><td><td><input type=submit value=Continua onclick=listadiario()>"}
		exibe+="</table>"
		recdiv.innerHTML=exibe
		k=i
		if (k>=j){k=0}
		}}
</script>

Isso daí eu copiei de vários tutoriais que encontrei na internet, levei três meses para fazer esse troço funcionar, até que eu consegui. Se o nome disso é Java ou JavaScript, eu não acho importante, eu só sei que passei três meses chorando!

 

O mais importante é que eu não uso esse código. Eu uso o PHP, e estou abandonando o método POST e usando o método GET, enchendo a barra de navegação com um monte de informações que não são sigilosas. Nesse mês eu aprendi a usar o PHP SEM O NAVEGADOR, ele manda a resposta que eu preciso direto na tela de depuração do Visual Studio Code, claro que ao invés de usar "echo" passei a usar "print_r" para tornar legível. Espero que num futuro próximo, o VS Code aceite solicitações do tipo "<input>", esse negócio de ficar alternando entre a janela do editor e do navegador é muito chato!!!!

[tetsuo 0]

entendi.
agradeço por explicar.