Js AJAX fetch api

De The Linux Craftsman
Aller à : navigation, rechercher

Introduction

Fetch est le successeur de XMLHttpRequest utilisé dans d'autres tutoriels sur ce site. Il fournit une interface simplifié pour faire de l'AJAX

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
</head>
<body>
	<script type="text/javascript">
		var url = "http://192.168.1.192/api/temp";
		var res = fetch(url).then(getTemp);
		function getTemp(data){
			console.log(data);
			if(data.status == 200){
				alert("success");
			}
			var contentType = data.headers.get("content-type");
			if(contentType && contentType.indexOf("application/json") !== -1) {
				return data.json().then(afficheTemp);
			} else {
				console.log("Oops, nous n'avons pas du JSON!");
			}
		}
		function afficheTemp(data){
			console.log(data.temperatures[1]);
		}
	</script>
</body>
</html>