Add AJAX

13e0c2e8 · MARCO Jonathan · 5ae0dcfd · 13e0c2e8 · 13e0c2e8 · 13e0c2e8
Commit 13e0c2e8 authored 2 years ago by MARCO Jonathan
--- a/ajax.php
+++ b/ajax.php
+<!doctype html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Document</title>
+
+    <script type="module" src="assets/js/ajax.js" defer></script>
+</head>
+<body>
+<button>Envoyer requête</button>
+</body>
+</html>
\ No newline at end of file
--- a/assets/js/ajax.js
+++ b/assets/js/ajax.js
+document.querySelector('button')
+.addEventListener('click', async () => {
+  console.log('avant la requete')
+  // fetch('http://localhost:8000/assets/php/requestAjax.php')
+  //   .then((response) => {
+  //     console.log('requete terminée')
+  //   })
+  //   .catch((error) => {
+  //
+  //   })
+  //   .finally(() => {
+  //
+  //   })
+
+  try {
+    const response = await fetch(
+      'http://localhost:8000/assets/php/requestAjax.php')
+    const data = await response.json()
+
+    console.log(data)
+  } catch (error) {
+    console.log(error)
+  }
+
+  console.log('après la requete')
+})
\ No newline at end of file
--- a/assets/php/requestAjax.php
+++ b/assets/php/requestAjax.php
+<?php
+require_once 'db.php';
+
+$users = $pdo->query('SELECT * FROM user')
+             ->fetchAll();
+
+echo json_encode(
+    ["users" => $users]
+);