11-ajax/11-ajax-xml.html

<!DOCTYPE html>

<html>

<head>
	<meta charset="utf-8" />
	
	<title>Ajax a XML</title>

	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
	
	<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
	
	<script>
	
	$(document).ready(function(){
		
		
		$.get( "./data.xml", function( data ) {
			
			//data, ktera mame jsou uz XML, nemusime je tedy nijak parsovat
			
			var $xml = $(data);
			
			jmeno = $xml.find('osoba > jmeno').text(); //t akhle prochazime strom vetve
			vek = $xml.find('vek').text(); // nebo rovnou cilove elementy, jQuery si je ve stromu najde
			
			$("#result").append(jmeno+"<br>")
			$("#result").append(vek+"<br>")

		});
		

	});
	
	</script>
	
</head>

<body>


	<div class="container">
		
			
		<h1>Ajax a XML</h1>
		
		<h4 style="color: red">Pozor, z bezpečnostních důvodů nelze načíst soubor z jiné domény, než na kterém běží tato stránka (hlavička 'Access-Control-Allow-Origin'), proto je třeba tento soubor spustit na serveru. Lokální spuštění také nebude fungovat, protože load nefunguje s file://</h4>
		
		<a href="http://eso.vse.cz/~xhraj18/11-ajax-xml.html">Spustit tento soubor z eso.vse.cz</a>
		
		<h2>Následující XML jsme získali Ajaxem ze serveru a zpracovali pomocí jQuery</h2>
		
		<p id="result"></p>
		
	</div>
	

</body>

</html>