在 Mongodb 中使用 Ajax答案

【问题标题】：Using Ajax with Mongodb在 Mongodb 中使用 Ajax
【发布时间】：2019-12-05 21:29:47
【问题描述】：

我一直在寻找这个，但我不知道。我想使用 Ajax 显示来自 mondodb 中名为“reizen”的集合的信息。我希望能够切换集合中的所有元素并获取所有信息，如标题等。我不知道如何获取信息，我已经有一些代码，但我已经卡了好几天了，所以我希望有人能帮助我。如果我只知道如何从“reizen”集合中的每个元素中获取标题，我将能够进一步工作。（我从使用 CD 的人那里复制了一些代码，但我想对 'reizen' 做同样的事情）

这是我的代码：

extends layout

block content

    #reizen.w3-content.w3-container.w3-padding-64
        h3.w3-center REIZEN

        //reizen    
        input(type='button' onclick='previous()' value='<<')
        input(type='button' onclick='next()' value='>>')
        p
            |
        #showCD Here we will see all the elements of collection 'reizen'

    block content
    script.
        var i = 0;
        var x;
        displayCD(i);
        function displayCD(i) {
            var xmlhttp = new XMLHttpRequest();
            xmlhttp.onreadystatechange = function() {
                if (this.readyState == 4 && this.status == 200) {
                    myFunction(this, i);
                }
            };
            xmlhttp.open("GET", "cd_catalog.xml", true);
            xmlhttp.send();
        }

        function myFunction(xml, i) {
            var xmlDoc = xml.responseXML;
            x = xmlDoc.getElementsById('showCD');
            document.getElementById('showCD').innerHTML =
            "Title:"  // get the title?
        }

        function next() {
            if (i < x.length-1) {
                i++;
                displayCD(i);
            }
        }
        function previous() {
            if (i > 0) {
                i--;
                displayCD(i);
            }
        }

【问题讨论】：

你不能用 jquery 来使用 ajax 吗？
您不能将 pug 用于 ajax。
是的，我的朋友们做到了，而且效果很好
pug 是一个服务器端组件，它不发送或接收 ajax。

标签： javascript ajax mongodb mongoose

【解决方案1】：

您正在尝试使用数据服务器端。您的 AJAX 将在客户端工作。您可以使用 Jade/Pug 创建容器来保存您的 CD，但您必须使用 createElement、React 或您想要的任何其他 DOM API/包装器实际创建 DOM 元素客户端.

如果您希望所有这些都在服务器端完成，您不想在提供给客户端的脚本块中执行 AJAX，您希望在服务器端以编程方式获取 CD，然后通过CD 数据到 Jade/Pug 渲染器服务器端。

您正在尝试混合使用服务器端和客户端端，您需要选择一个。

【讨论】：