« Js AJAX fetch api » : différence entre les versions
De The Linux Craftsman
Autres actions
Page créée avec « = Introduction = Fetch est le successeur de XMLHttpRequest utilisé dans d'autres tutoriels sur ce site. Il fournit une interface simplifié pour faire de l'[https://fr.wi... » |
Aucun résumé des modifications |
||
| Ligne 1 : | Ligne 1 : | ||
= Introduction = | = Introduction = | ||
Fetch est le successeur de XMLHttpRequest utilisé dans d'autres tutoriels sur ce site. Il fournit une interface simplifié pour faire de l'[https://fr.wikipedia.org/wiki/Ajax_(informatique) AJAX] | Fetch est le successeur de XMLHttpRequest utilisé dans d'autres tutoriels sur ce site. Il fournit une interface simplifié pour faire de l'[https://fr.wikipedia.org/wiki/Ajax_(informatique) AJAX] | ||
<source lang="html"> | |||
<!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> | |||
</source> | |||
Dernière version du 14 avril 2019 à 22:20
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>