如何使用 Fetch javascript API 和 php 正確警告資料庫記錄

Question

我正在嘗試使用 Javasript fetch API 從資料庫中取得警報 ID 和名稱記錄。

我的問題是，由於警報為空，因此沒有任何警報。

我認為這行程式碼有問題

response.json().then(

。 這是資料庫傳回的json範例

#

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

這裡是 fetch 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);
        });
      }
    )
  })

這是 php 程式碼

//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]}` )
        })
    })