????

Your IP : 216.73.216.34

Current Path : /home/carpe/www/ajax/
Upload File :
Current File : /home/carpe/www/ajax/chart.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="main2.css">
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
</head>
<body>
    <div id='contain'>
    </div>

<script>
//afficher des données venant d'une source exterieur en utilisant une API et en triant les données en JSON. 
     $.ajax({
        url: "https://fakestoreapi.com/products/",
        dataType: 'json',
        success: function(res) {
            const products = res.map(product => {
              return {
                id: product.id,
                name: product.title,
                price: product.price
              };
            });
            
            console.log(products)
            
            //console.log(res) //reponse sous forme de tableau d'objets
            res.forEach((obj, index) => {
                //trier le JSON
                //console.log(obj['id'])
                //console.log(obj['title'])
                $('#contain').append('Id : ' + obj['id'] + " Title : " + obj['title'] + ' Prix : ' + obj['price'] + "</br>");
              
            });
        },
        error: function(err) { 
            console.error("Erreur lors de la requête AJAX : ", err);
        }
    });     
</script>
</body>
</html>