javascript - 尝试从我的 mongoDB 访问数据并推送到 HTML我试图简单地获取存储在 mongoDB 中的数据并将其推送到 HTML 中的表中。我需要访问刽子手数据库 >玩家集合,其中仅包含名称和分数集合。请有人指出我哪里出错了?
但是我的 Chrome 控制台错误是:Cannot read property
问题描述
我试图简单地获取存储在 mongoDB 中的数据并将其推送到 HTML 中的表中。我需要访问刽子手数据库 >玩家集合,其中仅包含名称和分数集合。请有人指出我哪里出错了?
但是我的 Chrome 控制台错误是:Cannot read property 'length' of undefined
.
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 打印除日期外的所有内容
解决方案
请设置正确的获取数据的路径
$.get("localhost:9000/getPlayers", {}, function (res) {
...
});
推荐阅读
- python-3.x - 在 Pandas 数据框中存储 UUID 的最佳解决方案是什么?
- git - 我如何 git fetch --unshallow 在詹金斯?
- python - 如何从列表中删除字符。
- jpa - 如何在 JPA 中查找重复行
- r - dplyr 将共享相同“级别”的几个变量制成表格(总结)的方法
- java - Getter 在调用另一个类后返回 null
- python - 根据条件将列表拆分为两个并从较大列表中返回值
- android - Flutter - Navigator 的“父级!= 'null' is not true”错误
- javascript - woocommerce上的自动滚动
- python - 在嵌套的 json / dict 中搜索与指定键匹配的多个键值
我试图简单地获取存储在 mongoDB 中的数据并将其推送到 HTML 中的表中。我需要访问刽子手数据库 >玩家集合,其中仅包含名称和分数集合。请有人指出我哪里出错了?
但是我的 Chrome 控制台错误是:Cannot read property
问题描述
我试图简单地获取存储在 mongoDB 中的数据并将其推送到 HTML 中的表中。我需要访问刽子手数据库 >玩家集合,其中仅包含名称和分数集合。请有人指出我哪里出错了?
但是我的 Chrome 控制台错误是:Cannot read property 'length' of undefined
.
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 打印除日期外的所有内容
请设置正确的获取数据的路径
$.get("localhost:9000/getPlayers", {}, function (res) {
...
});