jquery-mobile - 如何使用jquery mobile在同一页面上显示搜索结果

Question

我对 jQuery Mobile 真的很陌生。我想使用 jquery mobile 在同一页面上显示搜索结果。

在搜索中，如果我输入班加罗尔，它将点击数据库，结果将显示在同一页面中。 这是一个示例演示。

我需要使用 html+Ajax+Servlet 以相同的方式实现

请帮我。

Answer 1

你有两个选择

1. 启用了过滤选项的 ListView
2. 使用第三方库

使用列表视图

ListView 有一个内置功能，可以让您自动过滤 ListView 的内容。如果您有较少的数据和一次性可用的数据，它会非常方便。

您必须在<ul>标签中设置以下属性 true

data-filter="true"

这是Live fiddle的一个示例

您可以在此处阅读文档

使用库

Andy Mathews 编写了一个很棒的库，您可以使用它在同一页面内进行自动搜索。

它更适合使用xhr或其他类型的 Web 服务、套接字等的复杂搜索。

你可以在这里查看演示。