Différences entre versions de « Js AJAX fetch api »
Aller à la navigation
Aller à la recherche
(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... ») |
|||
| 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> | ||
Version actuelle datée 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>