如何使用 server.get 從數組中獲取值？ (JavaScript)

Question

到目前為止，我可以使用 post-request 將我的查詢保存到數據庫中。

let database = [
    {'email': 'h@v.d', 'name': 'Vu', 'vorname': 'Hai'},
    {'email': 'm@h.d', 'name': 'Heim', 'vorname': 'Manuel'},
    {'email': 'h@v.d', 'name': 'Heinrich', 'vorname': 'Leon'},
];


server.post('/MyWebApp/mydatabase', function(req, res){         
    let p_mail = req.body.email;
    let p_name = req.body.name;
    let p_nachname = req.body.nachname;
    console.log(database);
    database.push({'email': p_mail, 'name': p_name, 'nachname': p_nachname});
    console.log(database);
});

我可以輸入姓名、姓氏和電子郵件並保存它們。

<script>

    function save() {
        let in_email = document.getElementById("mail").value;
        let in_name = document.getElementById("name").value;
        let in_nachname = document.getElementById("nachname").value;


        $.post('http://localhost:2019/MyWebApp/mydatabase',
            { 'email': in_email, 'name': in_name, 'nachname': in_nachname },

            function (data) {
                console.log('Object: ' + data);
            }

        );

    }

</script>

<table>
    <tr>
        <td>E-Mail:</td>
        <td><input type="text" size="80" id="mail" /></td> 
    </tr>
    <tr>
        <td>Vorname:</td>
        <td><input type="text" size="80" id="name" /></td> <
    </tr>
    <tr>
        <td>Nachname:</td>
        <td><input type="text" size="80" id="nachname" /></td>
    </tr>
    <tr>
        <td><input type="button" value="Ausgeben" onClick="get();" /></td>
        <td><input type="button" value="Speichern" onClick="save();" /></td>
    </tr>
</table>

所以我現在的問題是：如果我將電子郵件放在電子郵件字段中並單擊“發送”，我應該得到該電子郵件的姓名。

我不知道該怎么做...

Answer 1

您應該在服務器文件中創建新的 GET 端點，然后從客戶端發送請求，並將電子郵件作為查詢參數。 （ https://en.wikipedia.org/wiki/Query_string ）。

此外，您應該在服務器上的此端點 GET 中創建一個邏輯。 您可以在這里查看： 在 JavaScript 對象數組中按 id 查找對象

服務器

server.get('/MyWebApp/getuser', function(req, res){         
    let p_mail = req.query.email;
    let user = database.find(x => x.email === p_mail);
    res.send(user);
});

客戶

function getUser() {
        let in_email = document.getElementById("mail").value;

        $.get("http://localhost:2019/MyWebApp/getuser", { mail: in_email });
}

希望這可以幫助！