Файловый менеджер - Редактировать - /home/carpe/public_html/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>
| ver. 1.4 |
Github
|
.
| PHP 8.0.30 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка