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

Question

我是jQuery Mobile的新手。我想使用jquery mobile在同一页面上显示搜索结果。

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

我需要使用html + Ajax + Servlet

实现相同的方式

请帮帮我。

Answer 1

您有两个选择

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

使用ListView

ListView具有内置功能，可让您自动过滤ListView的内容。如果你一次只能获得较少的数据和数据，那将非常方便。

您必须在<ul>代码

中设置以下属性为true

data-filter="true"

以下是Live fiddle

的示例

您可以阅读documentation here

使用库

Andy Mathews编写了一个awesome library，可以用来在同一页面内进行自动搜索。

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

您可以查看the demo here。