Javascript 追加外部.json的搜索结果

Javascript 追加外部.json的搜索结果,javascript,html,Javascript,Html,我正在尝试附加external.json的搜索结果 这里我附加了一个内部javascript数组的搜索结果。(在洛达斯的帮助下) $(文档).ready(函数(){ $(“#dynam now”)。单击(函数(){ 让searchString=$('#dynamId').val(); let result=\过滤器(选择、函数(对象){ 返回object.fruit.toLowerCase().indexOf(searchString.toLowerCase())!=-1; }); $('#A

我正在尝试附加external.json的搜索结果

这里我附加了一个内部javascript数组的搜索结果。(在洛达斯的帮助下)

$(文档).ready(函数(){
$(“#dynam now”)。单击(函数(){
让searchString=$('#dynamId').val();
let result=\过滤器(选择、函数(对象){
返回object.fruit.toLowerCase().indexOf(searchString.toLowerCase())!=-1;
});
$('#ArrayD').html(“”);
对于(变量i=0;i”)
};
});
});   
风险价值选择=[{
“水果”:“苹果”,
“水果名”:“苹果”,
“大小”:“大”,
“颜色”:“红色”
},
{
“水果”:“香蕉”,
“水果名”:“香蕉”,
“大小”:“大”,
“颜色”:“黄色”
},
{
“水果”:“橙色”,
“水果名”:“橙色”,
“大小”:“大”,
“颜色”:“橙色”
},
{
“水果”:“草莓”,
“水果名”:“草莓”,
“大小”:“小”,
“颜色”:“红色”
}];
阿拉伊德{
利润率最高:25%;
字号:18px;
字体系列:无衬线;
}

!DOCTYPE html>
苹果

搜寻
我认为您的
过滤器功能有问题。应改为:

let result = _.filter(data.results, function(object) {
    // object = { fruit: 'orange', fruitname: 'ora'...}
    return object.fruitname.toLowerCase().indexOf(searchString.toLowerCase()) !== -1;

});

然后,
result
将是一个匹配结果的数组。

您必须将下一行从
console.log(results.fruit)
更改为
console.log(result[0].fruit)