使用 await/async 函数 fetch 显示数据

Question

我正在为（我猜）一个简单的问题寻求帮助。我一直在寻找这个答案，但我没有找到这个问题的任何答案。我很难找到一种方法来选择数组中的 2 个电子邮件地址和 2 条消息并将它们显示在 div 中这个想法是有这个演示文稿：电子邮件 1 消息 1电子邮件 2 消息 2这是我的 php：<?php session_start();try{  $bdd = new PDO('mysql:host=localhost;dbname=XXX;charset=UTF8;', 'root', '');  }catch(Exception $e){  die('Erreur : '.$e->getMessage());}$message = $bdd->prepare("SELECT emailaddress, message FROM messages");$message->execute();$results = $message->fetchAll(PDO::FETCH_ASSOC);$json = json_encode($results);header("content-type:application/json");echo $json;exit(); ?>这是我的 JSON：    async function updateDisplay() {        const reponse = await fetch (url);        const data = await reponse.text();        const dataObject = JSON.parse(data);      console.log(dataObject);}updateDisplay()以及我的控制台中的结果：0: "[e-mail]"1: "test message" email: "[e-mail]"message: "[e-mail] test message"<prototype>: Object { … }1: {…}0: "[e-mail]"1: "message 2"email: "[e-mail]"message: "message test 2"<prototype>: Object { … }非常感谢你的帮助

Answer 1

这是我的问题的解决方案：

    async function updateDisplay() {

        const response = await fetch ('http://localhost/xxxxx/fetch.php');

        const data = await response.text();

        const dataObject = JSON.parse(data);

        console.log(dataObject);

      let li = `<tr><th></th> <td> </td> <th></th></tr>`; 

        

        dataObject.forEach(user => { 

            li += `<tr> 

                <td>${user.email} </td> 

                <td>${user.message}</td>          

            </tr>`; 

        }); 

   

    document.getElementById("chat").innerHTML = li; 

 }

   

setInterval(updateDisplay, 1000);