Js AJAX fetch api
Aller à la navigation
Aller à la recherche
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>