質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
検索

検索は、あるデータの集まりの中から 目的のデータを見つけ出すことです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

3回答

1151閲覧

htmlでページを再描写せずに検索結果を表示する方法

runandjump

総合スコア7

検索

検索は、あるデータの集まりの中から 目的のデータを見つけ出すことです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2017/10/25 05:51

お世話になります。

あるキーワードに対する検索結果を
画面を再描写せずに動的表示するサイトを作成したいのですが、
どの様にすれば良いのか分かりません。

Yahoo路線図やジョルダンの様な
駅名を途中まで入力すると
候補が表示される様な機能を実現するためには
どの様な技術を使用すればよろしいでしょうか?

技術的なキーワードが分かれば
後はgoogle検索で何とかしたいのですが、
とっかかりのキーワードが分かりません。

ご存知の方が見えましたら
ご教授お願いします。

開発環境:
VisualStudio(C#) + aspx

参考サイト:
Yahoo路線図:https://transit.yahoo.co.jp/
ジョルダン乗換案内:https://www.jorudan.co.jp/

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答3

0

オートコンプリートとか補完と呼ばれます。例えばjQuery UIにAutocompleteというパーツがあります。
https://jqueryui.com/autocomplete/

C#であるということを見落としていたのでとりあえず仕組みだけ説明しておきます。

  1. フォームの入力を検知する
  2. フォームの入力途中の内容をサーバに通信する
  3. サーバ側は受け取った結果からデータを検索して返す
  4. 受け取ったデータをもとにフォームに候補を表示する

投稿2017/10/25 05:56

編集2017/10/25 06:01
masaya_ohashi

総合スコア9206

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

runandjump

2017/10/25 06:41 編集

回答ありがとうございます。 リンク先のページを確認させていただきました。 候補の単語が予め分かっている場合は良さそうですが、 今回はDB検索をして対象の単語を探す事を考えておりますので、 このサイトにDB検索機能を追加しながら 実装を考えていきます。
guest

0

ベストアンサー

とりあえずこのあたりだとおもいます。

【オートコンプリート JavaScript - Google 検索】
https://www.google.co.jp/search?num=100&safe=off&q=%E3%82%AA%E3%83%BC%E3%83%88%E3%82%B3%E3%83%B3%E3%83%97%E3%83%AA%E3%83%BC%E3%83%88+JavaScript

【Ajax - Google 検索】
https://www.google.co.jp/search?num=100&safe=off&q=Ajax

投稿2017/10/25 05:55

kei344

総合スコア69407

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

runandjump

2017/10/25 06:14

回答ありがとうございます。 機能としてはこのあたりだと思いますが、 候補リストを予め準備しておくのではなく、 動的に検索したい場合はどの様にすれば良いか分かりますでしょうか?
kei344

2017/10/25 06:23

JavaScript でのオートコンプリート実装はサーバとの通信を行う機能を持つものがほとんどなので、まずそのあたりから探されてはいかがでしょうか。(下記は一例) 【jQuery UI: AutoCompleteウィジェットで候補リストをサーバーサイドから取得するには? - Build Insider】 http://www.buildinsider.net/web/jqueryuiref/0019
runandjump

2017/10/25 06:39

回答ありがとうございます。 私が知りたかったのはむしろこちらでした。 このサイトを参考に実装検討します。
guest

0

内容としてはこういうことですよね?
https://www.tam-tam.co.jp/tipsnote/javascript/post11315.html

これだと少し違うかもしれないので、こちらも良いかもしれません。
http://www.sakc.jp/blog/archives/35727

投稿2017/10/25 05:59

yuki-saito

総合スコア928

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

runandjump

2017/10/25 06:40

回答ありがとうございます。 javascript記述が理解しやすいサイトでしたので、 参考にして実装させていただきます。
yuki-saito

2017/10/25 06:58

こういったことができるとサイトとして高精度に見えますよね^^ 私も機会があったら実装してみたいと思いました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問