我试图简单地获取存储在 mongoDB 中的数据并将其推送到 HTML 中的表中。我需要访问刽子手数据库 >玩家集合,其中仅包含名称分数集合。请有人指出我哪里出错了?

但是我的 Chrome 控制台错误是:Cannot read property ,javascript,jquery,node.js,mongodb"/>

首页 > 解决方案 > 尝试从我的 mongoDB 访问数据并推送到 HTML

我试图简单地获取存储在 mongoDB 中的数据并将其推送到 HTML 中的表中。我需要访问刽子手数据库 >玩家集合,其中仅包含名称分数集合。请有人指出我哪里出错了?

但是我的 Chrome 控制台错误是:Cannot read property

问题描述

我试图简单地获取存储在 mongoDB 中的数据并将其推送到 HTML 中的表中。我需要访问刽子手数据库 >玩家集合,其中仅包含名称分数集合。请有人指出我哪里出错了?

但是我的 Chrome 控制台错误是:Cannot read property 'length' of undefined.

我的 MongoDB

Leadership.html 页面代码

<table>
    <thead>
        <th>NAME</th><th>SCORE</th></tr>
        </thead>
    <tbody id="leadership"></tbody>
</table>  



<script>
    $(function() {
        $.get("http://localhost:9000/", {}, function (res) {
        //let data = res;
        const { data } = res;
            for (i = 0; i < data.length; i++) {
                let name = data[i].name;
                let score = data[i].score;
                //let score = score[score.length - 1];

                console.log(data[i].name);
                console.log(res);

                $("#leadership").append("<tr><td class=\"name\">"
                    + data[i].name + "</td><td class=\"score\">" 
                    + data[i].score + "</td></tr>");
                }
            });
    });
</script>

服务器.js

app.get("/", function(request, response) {
    response.status(200).sendFile("/", {root: "client"});
});

CONSOLE'S ERROR MSG 控制台的错误信息 Line 69: 指for (i = 0; i < data.length; i++) {


在函数上使用我的拆分日期数据有问题吗?

我有一个日期选择器,它会给我一个选定的日期,我需要将此日期拆分为月、日和年,以便我可以查阅另一个用户数据,我可以正确拆分它并且 console.log 显示正确的日、月和年,问题是我不知道如何在函数中使用它们。当我在函数上使用它们时,它会抛出 undefined 。

这是我的代码

import DatePicker from 'react-native-datepicker';
const PersonalForm = ({onSubmit, errorMessage}) => {
    const [vBirthDate, setvBirthDate] = useState('');
    const [month, day, year] = vBirthDate.split('/')
    console.log(`Month: ${month}`)
    console.log(`Day: ${day}`)
    console.log(`Year: ${year}`)

    const RFC = () => {
        console.log(vName, 
        vSecondName, 
        vLastName, 
        vSecondLastName, 
        vBirthDate,
        vBirthDate.day,
         month,
        `Month: ${month}`, 
        `Day: ${day}`, 
        `Year: ${year}`);
        }
             return ( 
        <ScrollView>

        <View style={styles.containerdate}>
                <DatePicker 
                  date={vBirthDate} //initial date from state
                  mode="date" //The enum of date, datetime and time
                  placeholder="select date"
                  format="DD/MM/YYYY"
                  minDate="01/01/1900"
                  maxDate="01/01/2019"
                  confirmBtnText="Confirm"
                  cancelBtnText="Cancel"
                  androidMode="spinner"
                  customStyles={{
                    placeholderText: {
                      fontSize: 16,
                    },
                    dateIcon: {
                      height: 0,
                      width: 0,
                    },
                    dateText: {
                      color: '#b3b4b5',
                      fontSize: 16,
                    },
                    dateInput: {
                      borderWidth: 0,
                    }
                  }}
                  onDateChange={(date) => {setvBirthDate(date);RFC();} }
                />
              </View>
        </ScrollView>
    );
};

函数 RFC 打印除日期外的所有内容

标签: javascriptjquerynode.jsmongodb

解决方案


请设置正确的获取数据的路径

  $.get("localhost:9000/getPlayers", {}, function (res) {
   ...
  });

推荐阅读