var MongoClient = require('mongodb').MongoClient;
var input = "ito";
var regexInput = new RegExp(input);
//I have removed the url and db name for privacy purposes
MongoClient.connect('', function(err, db) {
if (err) throw err;
var dbo = db.db("");
var query = { brand_name: regexInput };
dbo.collection("snacks").find(query).toArray(function(err, result) {
if (err) throw err;
console.log(result);
db.close();
});
});
我目前正在尝试了解MERN堆栈并开发应用程序。这是我的简单查询,我只是在搜索带有“ orit”子字符串的零食,然后返回带有“ Doritos”等的零食。如何集成此查询或获取结果并将其显示在前端的页面上。也许有一种可能的方法可以完全在前端上完成所有工作?
import React, { Component } from 'react';
import styles from "./styles.module.css";
export default class SnackSearch extends Component {
render() {
return (
<div>
<h1 className = {styles.h1}>Search for your snack</h1>
</div>
)
}
}
如有必要,这是我的简单前端。我还想问一问我如何也可以实现反向操作,在这里我得到用户输入并将其作为变量“输入”发送到我的后端,并再次返回结果。我希望我不要因为我的简单问题而要求直接的答案/解决方案。我不介意是否提供任何形式的提示/指导或资源/视频,以便我自己学习。我曾尝试研究axios和ajax的用法,但不确定如何应用这两种方法。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句