[ajax] spiegazione di un codice?

**g.b99pm10** · 13-06-2013, 20:26

allora... prima di tutto ci tengo a dire che in quanto programmazione web sono informato solo su jquery, html, css, php, quindi con questi linguaggi non ho mai fatto richieste asincrone, quindi decisamente non riesco a capire praticamente niente (scusate per la mia ignoranza) nelle guide trovate in rete riguardanti ajax. Quindi adesso sto cercando di trovare dei codici in giro e cercare di capire cosa significano. Vi posto un codice trovato(la pagina primo.php contiene una semplice frase)

codice:

var myRequest = null;

function CreateXmlHttpReq(handler) {
  var xmlhttp = null;
  xmlhttp = new XMLHttpRequest();
  xmlhttp.onreadystatechange = handler;
  return xmlhttp;
}

function myHandler() {
    if (myRequest.readyState == 4 && myRequest.status == 200) {
        alert(myRequest.responseText);
    }
}

function esempio3() {
    myRequest = CreateXmlHttpReq(myHandler);
    myRequest.open("GET","primo.php");
    myRequest.send(null);
}
</script>
<input type="button" value="Clicca per lanciare la richiesta" onClick="esempio3()" />

vi spiego le poche cose che penso di aver capito e poi vi chiedo la moltitudine di informazioni non chiare.
nella funzione function CreateXmlHttpReq(handler) si crea un nuovo oggetto XMLHttpRequest, ovvero il valore della variabile xmlhttp. Poi, quando lo stato è cambiato (credo nella connessione), si attiva l'header(che non so cosa sia) e infine la funzione CreateXmlHttpReq assume il valore della variabile xmlhttp.

function myHandler() ----> non ho capito niente
function esempio3() -----> prima riga non chiara, seconda è una sorta di form get e terza riga nn ho capito.

Riassumendo, indico i punti che non ho chiaro

xmlhttp.onreadystatechange = handler; -------> ?

function myHandler() --------------------------> ?

function esempio3() ---------------------------> ?

e poi infine vi chiedo gentilmente se aveste trovato in giro per la rete una guida di ajax per "novellini" che sia facile e comprensibile, ho provato a guardare la guida di questo sito, ma mentre per gli altri linguaggi, html.it mi è stato ancor più che utilissimo, per quanto riguarda questa guida il mio livello su questo linguaggio è troppo basso per seguirlo. Per quanto riguarda i linguaggi come c++ o VB ecc. mi sono trovato benissimo, imparando quasi subito, ma questo linguaggio mi porta fuori strada, non perchè non abbia le conoscenze di javascript o html o jQuery o php ecc. , ma perchè proprio non riesco a seguire i passaggi.

Grazie per la lettura e...

**carlomarx** · 14-06-2013, 03:49

Ma infatti è pieno di codice inutile quell'esempio. Comincia con l'analizzare questo:

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Esempio</title>
<script type="text/javascript">
function myHandler () {
	alert(this.responseText);
}

function esempio3 () {
	var myRequest = new XMLHttpRequest();
	myRequest.onload = myHandler;
	myRequest.open("GET", "primo.php");
	myRequest.send(null);
}
</script>
<input type="button" value="Clicca per lanciare la richiesta" onClick="esempio3();" />
</script>
</head>
 
<body>

</body>
</html>

**g.b99pm10** · 14-06-2013, 11:58

adesso è un po' più chiaro, provo a capirci qualcosa
function myHandler () {
alert(this.responseText);
}

è la funzione che fa scrivere all'interno dell'alert il responso, ovvero il testo scritto nella pagina primo.php
function esempio3 () {
var myRequest = new XMLHttpRequest();
myRequest.onload = myHandler;
myRequest.open("GET", "primo.php");
myRequest.send(null);
}

crea un oggetto XMLHttpRquest. Quando esso viene caricato richiama la funzione myHandler e invia la richiesta con metodo get alla pagina primo.php

Ho dedotto bene?

però ho delle domande

1 = Che cosa è quel this alla riga 2?

2 = quando bisogna inserire il new davanti ad un oggetto?

ciao e grazie mille del chiarimento

**carlomarx** · 14-06-2013, 12:58

Originariamente inviato da g.b99pm10
1 = Che cosa è quel this alla riga 2?

in questo caso this è l'oggetto myRequest dell'altra funzione: qui si chiama this.
https://developer.mozilla.org/en-US/...Operators/this

Originariamente inviato da g.b99pm10
2 = quando bisogna inserire il new davanti ad un oggetto?

new non si mette davanti a un oggetto, ma davanti a un costruttore!
https://developer.mozilla.org/en-US/.../Operators/new

Discussione: [ajax] spiegazione di un codice?

Strumenti discussione

Ricerca discussione

Visualizza

[ajax] spiegazione di un codice?

Permessi di invio