简单的本地搜索功能。 Javascript和JSON?

时间:2017-01-27 20:00:34

标签: javascript html json

建立一个假冒的' Web浏览器和网页都在Windows窗体应用程序中本地编译。整个事情都在线下运作。

我需要在我制作的其中一个网页上建立一个搜索功能。显然他们没有涉及服务器,所以我必须从本地源提取和显示数据。我已经使用了' Jput'在previous project之前所以我正在考虑拥有一个可以调用的Json文件。该网站是一个虚假的社交网络,因此当用户搜索名称或短语时,它会在单独的页面或当前文档中显示相关结果(配置文件)。 Jput很好,但在样式方面它非常有限。

问题

这样做的最佳方法是什么?我如何索引所有这些结果以及搜索引擎将如何工作?

如果此问题需要更多详细信息,请与我们联系

谢谢!

1 个答案:

答案 0 :(得分:0)

您可以使用普通的Javascript数组(可以存储为json):

示例数据:

var users=[
{name:"John",age:22}
{name:"Jack",age:23}
]

现在您可以在姓名后搜索:

document.body.innerHTML=users.filter(el=>el.name.split("Ja")[1]).map(el=>el.name).join("<br>");

这将显示名称中包含“Ja”的所有用户(或任何其他html elem,可以基于用户输入)。

您可以轻松地显示如下用户个人资料:

user=users.find(el=>el.name=="Jack");
for(key in user){
  alert(key+":"+user[key]);
}

这只是你可以用natives js做的开始,不需要libs等。