Ajax e PHP

**ravemanroby** · 08-01-2013, 13:06

Buongiorno a tutti,
ho un problema sul funzionamento di alcune pagine web, provo a chiedere a voi esperti...
cliccando su un'immagine devo richiamare uno script php su una pagina esterna che genera una risposta, in base a questa risposta, tramite ajax, l'immagine deve cambiare oppure deve rimanere invariata. Il processo deve essere attivato ogni volta cliccando sull'immagine.
Esempio: Cliccando su un pulsante on/off viene inviata una richiesta a php che genera una variabile di risposta, in base al contenuto di questa variabile il pulsante passa dallo stato off allo stato on.
Cliccando nuovamente sullo stesso pulsante il processo viene riavviato.
Il tutto possibilmente utilizzando php e ajax.

Potete aiutarmi?

**br1** · 08-01-2013, 13:10

Lascia perdere ajax

[img]prima.gif[/img]

Fatti restituire due immagini diverse a seconda dell'esito dalla pagina PHP.

**ravemanroby** · 08-01-2013, 13:15

Grazie per la risposta.
Volevo utilizzare ajax perchè il mio intento era quello di non ricaricare ogni volta la pagina.
E' possibile farlo in altro modo?

**carlomarx** · 08-01-2013, 13:21

Pagina HTML:

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Esempio</title>
<script type="text/javascript">
function readPHPResponse () {
	var oResponse = JSON.parse(this.responseText);
	if (oResponse.change) {
		document.getElementById("immagine").src = oResponse.change;
	}
}

function checkForImage () {
	var oReq = new XMLHttpRequest();
	oReq.onload = readPHPResponse;
	oReq.open("get", "cambiaimmagine.php", true);
	oReq.send();
}
</script>

</head>
<body>



[img]tuaImmagine.jpg[/img]</p>

</body>
</html>

La pagina PHP restituirà:

codice:

{ "change": "immagineCheVuoiTu.jpg" }

oppure

codice:

{ "change": false }

**ravemanroby** · 08-01-2013, 13:34

Grazie delle ottime indicazioni.
Non ho ben chiaro il funzionamento della pagina "cambioimmagine.php", questa pagina genera una variabile php che si chiama immagine.
Quindi se $immagine=1.jpg l'immagine di partenza rimane invariata, se invece $immagine=2.jpg, il codice richiamerà l'immagine 2.jpg al posto dell'immagine 1.jpg di partenza e così via...

**carlomarx** · 08-01-2013, 13:47

cambioimmagine.php:

Codice PHP:


{ "change": <?php

if ($immagine == "1.jpg") {

    echo "false";

} else {

    echo "\"$immagine\"";

}

?> }

**ravemanroby** · 08-01-2013, 14:03

Chiarissimo! adesso funziona.
Grazie del prezioso aiuto.

**br1** · 08-01-2013, 14:43

Originariamente inviato da ravemanroby
Grazie per la risposta.
Volevo utilizzare ajax perchè il mio intento era quello di non ricaricare ogni volta la pagina.
E' possibile farlo in altro modo?

Ma dove c'e' scritto che il mio codice ricarica la pagina?

Almeno provare prima di criticare...

Vabbe', lieto che abbia risolto... anche se con la circumnavigazione del mondo

**ravemanroby** · 08-01-2013, 18:02

Scusami...pensavo che non essendoci script aggiuntivi ricaricasse la pagina, ma sinceramente non ho provato.
Scusa ancora e comunque grazie per l'aiuto.

Discussione: Ajax e PHP

Strumenti discussione

Ricerca discussione

Visualizza

Ajax e PHP

Permessi di invio