Js AJAX fetch api
Aller à la navigation
Aller à la recherche
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
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>