2011-10-30 29 views
2

私は「Googleインスタント」のような経験をしようとしています(私はオートコンプリートを探していません)。asp.net mvc 3 + Razor with Ajaxとjqueryを使用する

Googleインスタントは、入力時に動的に変更される「検索結果」です(オートコンプリートで実現できる提案ではありません)。

ページには単にテキスト入力コントロールがあります。そのタイプでは、テキスト入力コントロールの下に結果が表示されます。

"onKeyPress"で非同期呼び出しを行う必要があります:まず最初にjqueryでどのようにすることができますか?

第2に、asp.net MVCとRazorとAjaxを組み合わせた良いチュートリアルはありますか?人々はインスタント結果と

答えて

1

をオートコンプリートを混乱させたとして、あなたが使うべき用語が「オートコンプリート」

は、下のリンクを見て持っている:

http://docs.jquery.com/Plugins/autocomplete

を編集し

サーバーに依存しません。基本的にサーバー側では、文字列がその文字列に関連する可能な値を返す場合、サービスを作成する必要があります。

これが役に立ちます。

+0

回答ありがとうございますが、私は自動完了を探していません。私が探しているのは実際には "Googleインスタント"(少なくともGoogleによって)と呼ばれ、探しているタイプの実際の検索結果を更新しています。第2に、真のMVCの場合、ビューはコントロールとのみ対話すべきであり、コントロールはリクエストをモデルから(サービスであるかもしれない)取得するためにルーティングすることができる。任意のアイデアについて、私はいくつかのイベントでajaxコールを作成し、ページのセクションの内容を更新する方法に関する基本的なチュートリアルを、私が探していると呼んでいると思います。 – Raza

0

あなたはそれを打破するかどうかは、まだオートコンプリートの変種です:

  1. キーの押下で火災オートコンプリート。
  2. オートコンプリートの成功/ロード(イベントが発生している可能性があります)にFire Ajaxを検索します。

誰かが両方を行うプラグインを作成していない限り、数字2を書くことは最小限の仕事です。それは素敵な小さなプロジェクトです - テキストボックスとdivを組み合わせて自動検索を行うプラグインを作成してください。

1

ありjQueryを使ってインスタント検索を作成する方法については、ここで素晴らしい記事があり、PHPやHTML

http://woorkup.com/2010/09/13/how-to-create-your-own-instant-search/

私が遭遇した1つの警告は、あなたが

内Javscriptコードを配置する必要がありますということでした
$(document).ready(function(){ 
/*Your JS Instant Search goes here */ 
}); 

これは記事からはっきりしていませんでした。

ASP.NET MVC 3の場合は、JSONまたはJSONPオブジェクトを返すコントローラ/アクションを作成します。あなたが初心者の場合は、CrossSiteJsonのエラーが表示されるので、これはあなたをトリップする可能性があります。このリンクは役立ちます:

Ajax json post to Controller across domains, "not allowed by" Access-Control-Allow-Headers

は、これら二つをやってから、私はMVC3インスタント検索を行うことができた、それは本当によく働きます。 FirebugまたはWebKit Web InspectorとFiddlerを使用すると、実際に役立ちます。

関連する問題