Comment alerter correctement les enregistrements de la base de données à l'aide de l'API Javascript Fetch et de PHP

Question

J'essaie d'obtenir les enregistrements Alert ID et Name de la base de données à l'aide de l'API de récupération Javasript.

Mon problème c'est que comme les alertes sont vides, il n'y a aucune alerte.

Je pense qu'il y a quelque chose qui ne va pas avec cette ligne de code

response.json().then(

. Ceci est un exemple de json renvoyé par la base de données

[{"id":"5","name":"moore Lizzy"}]

Voici l'API de récupération Javascript

fetch("http://localhost/record/rec.php", {
  "method": "GET",
}).then(
  response => {
    response.json().then(
      data => {
        console.log(data);

        data.forEach((r) => {
          alert(r.id);
          alert(r.name);
        });
      }
    )
  })

Voici le code php

//connect db

$id = "5";
$name = "More Lizy";
                
$result_arr[] = array(
"id" => $id,
"name" => $name
);

echo json_encode($result_arr);

Answer 1

L'ajout de return à la ligne de code ici a également résolu le problème. Enfin, je me suis également assuré qu'il n'y avait pas de espaces blancs dans le code.

return response.json().then(

Answer 2

La syntaxe ci-dessus n'est pas tout à fait correcte. Vous allez .next() 直接链接到 response.json() - 即 response.json().then( ，它应该在哪里更像下面的（稍微缩写），其中 .next() 绑定到返回 JSON 的整个前一个 next() vous séparer

fetch( '/record/rec.php' )
    .then( r=>r.json() )
    .then( json=>{
        Object.keys( json ).forEach(k=>{
            alert( `${k} - ${json[k]}` )
        })
    })