AJAX - prosty przykład (2) Drukuj
Ocena użytkowników: / 3
SłabyŚwietny 
Wpisany przez Jan Jackowicz-Korczyński   
czwartek, 24 listopada 2011 17:08

Prosta aplikacja dobrze pokazuje w jaki sposób działa mechanizm AJAXa.


	 

	<html>

	<body>

	<div id="myDiv"><h2>TEXT PRZED WYMIANĄ </h2></div>

	<button type="button" onclick="loadXMLDoc()">Zmień dane w kontenerze</button>

	</body>

	</html>

	

 

Prosta strona w HTML zawiera kontener zdefiniowany za pomocą znacznika <div> nazwany: myDiv. W kontenerze wyświetla się napis w postaci nagłówka <h2>.

Button z etykietą: Zmień dane w kontenerze jest powiązany wywołaniem funkcji loadXMLDoc(). 

 

 

W bloku dokumentu <head> zdefiniowana jest funkcja obsługująca AJAXa:

 


	<head>

	<script type="text/javascript">

	function loadXMLDoc()

	{

	.... AJAX zmienił tutaj tekst ...

	}

	</script>

	</head>

	

UNDER CONSTRUCTION