So alarmieren Sie Datenbankeinträge mithilfe der Fetch-Javascript-API und von PHP korrekt

Question

Ich versuche, die Datensätze Alert ID und Name mithilfe der Javasript-Abruf-API aus der Datenbank abzurufen.

Mein Problem ist, dass es keine Benachrichtigungen gibt, da die Benachrichtigungen leer sind.

Ich glaube, mit dieser Codezeile stimmt etwas nicht

response.json().then(

. Dies ist ein Beispiel für JSON, das von der Datenbank zurückgegeben wird

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

Hier ist das Abruf-API-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);
        });
      }
    )
  })

Das ist der PHP-Code

//connect db

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

echo json_encode($result_arr);

Answer 1

在此处的代码行中添加return也解决了该问题。最后，我还确保代码中没有空白。

return response.json().then(

Answer 2

上面的语法不太正确。您将 .next() 直接链接到 response.json() - 即 response.json().then( ，它应该在哪里更像下面的（稍微缩写），其中 .next() 绑定到返回 JSON 的整个前一个 next() 部分

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