1 svar · 357 visningar · startad av learn
Hur gör jag på enklast sätt för att visa "Laddar..." när nedanstående AJAX-funktion laddar?
// Hämta personuppgifter
function getPersonInfo(id) {
document.getElementById('loading').style.display='block';
if (id.length=='') {
document.getElementById("info").innerHTML="";
return;
}
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null) {
alert ("Your browser does not support AJAX!");
return;
}
var url = "get.php";
url = url + "?q=" + id;
url = url + "&sid=" + Math.random();
xmlHttp.onreadystatechange = stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
Tack! :)
ovanför din xmlHttp.onreadystatechange =..
lägg in liknande:
document.getElementById("loader").style.display = '';
Och i din stateChanged ser ut något såhär?:
function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById("loader").style.display = 'none';
}
}
<div id="loader" style="display:none;">laddar...</div>