jquery-mobile - jquery mobileを使って同じページに検索結果を表示する方法

Question

jQuery Mobile は初めてです。jquery mobileを使って検索結果を同じページに表示したい。

検索で Bangalore と入力すると、データベースにヒットし、結果が同じページに表示されます。 これがデモの例です。

html+Ajax+Servlet を使用して同じ方法で実装する必要があります

私を助けてください。

Answer 1

2 つのオプションがあります

1. フィルター オプションを有効にした ListView
2. サードパーティ ライブラリの使用

リストビューの使用

ListView には、ListView のコンテンツを自動フィルター処理できる機能が組み込まれています。データが少なく、データが一度にすぐに利用できる場合に非常に便利です。

<ul>タグで次の属性を true に設定する必要があります

data-filter="true"

これはLive fiddleの例です

ここでドキュメントを読むことができます

ライブラリの使用

Andy Mathews は、同じページ内で自動検索を行うために使用できる素晴らしいライブラリを作成しました。

xhrまたは他のタイプの Web サービス、ソケットなどを使用する複雑な検索に適しています。

デモはこちらからご覧いただけます。