Web Design Nocera Umbra e Ajax: un esempio completo

web design nocera umbraRicordiamo noi di Umbriaway Consulting che Ajax non é l’ennesima nuova tecnologia ma solo un modo performante di utilizzare standard esistenti per inviare chiamate asincrone al server senza permettere il caricamento della pagina in blocco. In questo caso cliccando su ottieni l’ultima modifica dal server carpisco le informazioni che mi interessano da riversare sulla pagina marcata con un ID di identificazione, fa notare Umbriaway Consulting alias di web design Umbria

 

 

<!DOCTYPE html>

<html>
<head>

function loadXMLDoc(url)
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById(‘p1’).innerHTML=”Last modified: ” + xmlhttp.getResponseHeader(‘Last-Modified’);
}
}
xmlhttp.open(“GET”,url,true);
xmlhttp.send();
}

</head>
<body>

<p id=”p1″>The getResponseHeader() function is used to return specific header information from a resource, like length, server-type, content-type, last-modified, etc.</p>
<button onclick=”loadXMLDoc(‘ajax_info.txt’)”>Get “Last-Modified” information</button>

</body>
</html>

 

Annunci

Web devolper Castello di Colle: esempio Ajax

castello di colleCreare un semplice XMLHTTPRequest, e ricevere i dati da un file testo a cura di web devolper Castello di Colle alias Umbriaway Consulting. Nella prima fase la funzione seleziona i browser a seconda delle versioni per istanziare l’oggetto XMLHTTPRequest, poi con la proprietà onreadystatechange andiamo a monitorare la richiesta di stato per capire a che punto siamo della richiesta dopodiché il contenuto del file testo presente sul server verrà riversato sul contenuto DIV parziale alla pagina senza aspettare il reload dell’ intero HTML

 

 

<!DOCTYPE html>
<html>
<head>

function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById(“myDiv”).innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open(“GET”,”ajax_info.txt”,true);
xmlhttp.send();
}

</head>
<body>


</body>
</html>

A questo punto se questo esempio offerto da web developer Castello di Colle ti é piaciuto clicca like e condividi, see you later da Umbriaway Consulting. La pagina all’ interno del DIV restituirà il contenuto del file testo presente su server del tipo Ajax non é un linguaggio di programmazione ma solo una tecnica performante per effettuare richieste asincrone senza ostacolare il caricamento della singola pagina!