: Home / JavaScript / artykuły / AJAX - prosty przykład (2)

Warning: file_get_contents(http://graph.facebook.com/http://youthcoders.net/javascript/artykuly/1158-ajax-prosty-przyklad-2.html): failed to open stream: HTTP request failed! HTTP/1.0 403 Forbidden in /var/www/old-yc/plugins/content/addthis.php on line 38
AJAX - prosty przykład (2)
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

 

Dodaj komentarz


Kod antysapmowy
Odśwież