【发布时间】:2020-01-21 08:29:39
【问题描述】:
嘿,我正在制作一个作为部分搜索表单的网站。参考来自:https://www.youtube.com/watch?v=ZC2aRON3fWw&t=42s 但我不明白为什么它不起作用。我用 pug 代替 hbs。
这些是我的代码:
app.get('/sonuc', function(req, res, next){
var q = req.query.q;
Article.find({
title : {
$regex: new RegExp(q)
}
}, {
_id:0,
__v:0
}, function(err, data){
res.render('sonuc', {data:data})
}).limit(10);
});
});
那么这是我的布局哈巴狗:
.ui-widget
form.form-inline.my-2.my-lg-0
input.form-control.mr-sm-2(type='text', onkeyup='showResults(this.value)', placeholder='Search',action='/article/'+sorgu, aria-label='Search')
button.btn.btn-secondary.my-2.my-sm-0(type='submit')
#search-results(style='width:60px;top:-1px;position:relative')
在这个布局哈巴狗中,我认为 onkeyup 问题不起作用。如何在该表单上实现该功能?
这是我的 main.js,它从数据库中获取查询并以 html 形式编写:
var showResults = debounce(function(arg){
var value = arg.trim();
if(value == "" || value.length <= o){
$("#search-results").fadOut();
return;
}else{
$("#search-results").fadeIn();
};
var jqhr = $.get('/article/' + value, function(data){
})
.done(function(data){
if(data.length == 0){
$("search-resuts").append('<p classs="lead text-center mt-2">No Results</p>');
}else{
data.forEach(x => {
$("search-resuts").append('<a href="#"><p class="m-2 lead"><img style="width:60px;" src="images/supreme1.jpg">' + x.title +'</p></a>');
});
}
})
.fail(function(err){
console.log(err);
})
}); 200;
function debounce(func, wait, immediate){
var timeout;
return function(){
var context = this;
args = arguments;
var later = function(){
timeout= null;
if(!immediate)func.apply(context,args);
};
var callNow = immediate && !timeout;
clearTimeout(timeout);
timeout = setTimeout(later, wait);
if(callNow)func.apply(context,args);
};
};
我无法理解这些问题以及为什么它不起作用。总而言之,我想制作一个可以与 regex 和 mongodb 一起使用的搜索引擎。在我引用的我的文章的上面那个youtoube视频中显示的是部分内容。但真正的问题是,我无法理解函数 showResults 的代码块,也不知道如何将这些代码翻译到我的项目中。所以我正在等待你的帮助。我无法将视频上传到该网站,因此如果您可以给我您的 Facebook、instagram 或电子邮件帐户,我可以发送应该解决的问题。我需要你的帮助。我已经为我的学校制作这个项目很长时间了,但我无法继续前进。拜托我需要你的帮忙。 我希望我能很好地表达自己,你的帮助会解决它。
【问题讨论】:
-
那我怎么改代码
-
由于整个 pug 模板不存在,我不确定查询中需要哪些数据。无论如何,从查询数据中选择属性并将
res.json替换为回调内的res.render('sonuc', {data:data}),你不需要在它之外的res.render。link -
谢谢,我会试试的
-
但是我能再问一个问题吗?
-
是的。建议更新该问题,使问题本身更加清晰,以提高知名度并从社区获得帮助。
标签: node.js regex mongodb express pug