<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>What's your browser ?</title>
	<script language = 'javascript'>
		var XMLHttpRequestObject = false;
		if (window.XMLHttpRequest) {
			XMLHttpRequestObject = new XMLHttpRequest();
		} else if (window.ActiveXObject) {
			XMLHttpRequestObject = new ActiveXObject('Microsoft.XMLHTTP');
		}
		
		function getData(dataSource, divID){
			if(XMLHttpRequestObject) {
				var obj = document.getElementById(divID);
				XMLHttpRequestObject.onreadystatechange = function(){
					if (XMLHttpRequestObject.readyState == 4 &&	XMLHttpRequestObject.status == 200) {
						obj.innerHTML = XMLHttpRequestObject.responseText;
					}
				}
				XMLHttpRequestObject.open('GET', dataSource);
				XMLHttpRequestObject.send(null);
			}
		}
	</script>
</head>
<body>
<form>
	<input type = "button" value = "Display Message" onclick = "getData('http://localhost/ajax/data.txt','targetDiv')">
</form>
<div id="targetDiv">
<p>The fetched data will go here.</p>
</div>
</body>
</html>
			
		
 
	
Partager