Ajax

Ajax ,[object Object],[object Object],[object Object],[object Object]

Introduzione ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Caricamento pagine web senza Ajax ,[object Object],[object Object]

Pagine con Ajax ,[object Object],[object Object]

XMLHttpRequest ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Prerequisiti ,[object Object],[object Object],[object Object],[object Object],[object Object]

Il Kit minimo per sviluppare ,[object Object],[object Object],[object Object],[object Object],[object Object]

Un esempio pratico /1 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Un esempio pratico /2 Il risultato atteso Prima e dopo il clic

Un esempio pratico /3 Sorgente pagina ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

XMLHttpRequest e funzionamento multi browser ,[object Object],[object Object],[object Object],[object Object]

getSafeXmlHttpRequest Una possibile implementazione ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

XMLHttpRequest ed i suoi metodi ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

XMLHttpRequest Il metodo open ,[object Object],[object Object],[object Object],[object Object],[object Object]

XMLHttpRequest Il metodo open Metodo di invio dati /1 ,[object Object]

XMLHttpRequest Il metodo open Metodo di invio dati /2 ,[object Object],[object Object],[object Object]

XMLHttpRequest Il metodo open Nome della pagina ,[object Object]

XMLHttpRequest Il metodo open Asincronismo ,[object Object],[object Object]

XMLHttpRequest Il metodo send GET ,[object Object],Tutti i browser moderni per motivi di sicurezza impediscono di usare XMLHttpRequest con URI esterne al proprio dominio // inizializzo la richiesta in GET httpReq.open( "get" , "http://localhost/ajax/a.php?nome=davide" , true ); // effettuo la richiesta, in GET si passa null httpReq.send( null );

XMLHttpRequest Il metodo send POST /1 ,[object Object],[object Object],[object Object],httpReq.open( "post" , "http://localhost/ajax/a.php?nome=davide" , true ); // imposto il giusto header richiesto da POST httpReq.setRequestHeader( "content-type" , "application/x-www-form-urlencoded" );

XMLHttpRequest Il metodo send POST /2 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

XMLHttpRequest Codifica parametri ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

XMLHttpRequest Il metodo abort ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

XMLHttpRequest accedere agli header ,[object Object],[object Object],// lista di tutti gli headers restituiti dal server alert(httpReq.getAllResponseHeaders()); // informazioni su un singolo header alert(httpReq.getResponseHeader( "content-type" )); ,[object Object]

XMLHttpRequest ed i suoi parametri ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

XMLHttpRequest il parametro readyState /1 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

XMLHttpRequest il parametro readyState /2 ,[object Object],[object Object],if (httpReq.readyState == 4) { // le operazioni di ricezione/invio sono terminate }

XMLHttpRequest il parametro status ,[object Object],[object Object],[object Object],[object Object]

XMLHttpRequest i parametri responseText e responseXML ,[object Object],[object Object],[object Object],[object Object],[object Object]

XMLHttpRequest il parametro onreadystatechange ,[object Object],httpReq.onreadystatechange = function() { if (httpReq.readyState === 4) { if (httpReq.status == 200) { alert( "Operazione effettuata con successo" ); } else { alert( "Operazione fallita, errore numero " + httpReq.status); } } ,[object Object]

Ajax

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (14)

Ähnlich wie Ajax

Ähnlich wie Ajax (20)

Ajax