---
title: "AJAX laddar..."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/163995-ajax-laddar"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "learn"
published: "2007-08-29T10:36:29.000Z"
updated: "2007-08-29T11:11:30.000Z"
replies: 1
views: 363
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/163995-ajax-laddar"
---

# AJAX laddar...

## #1 — learn, 2007-08-29T10:36Z

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!   :)

Permalänk: https://www.webforum.nu/p/163995

## #2 — voigtann1, 2007-08-29T11:11Z

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>
```

Permalänk: https://www.webforum.nu/p/2020671

---

Tråden på webben: https://www.webforum.nu/amne/javascript/163995-ajax-laddar