JSかJQuery等でサジェスト無しのサイト内記事検索を設けたい

タイトルの通りです。
サイト内記事検索をできるだけ手軽に作りたいのですが、Google等でヒットする記事は皆サジェスト機能のある全文検索のものばかりです。
自分は、サイト上にある記事のタイトルを、できれば完全一致でワンアクションでその記事に飛べるような検索機能を取り入れたいです。
そのような仕組みのものはどうすれば実装できますか。

少し変な日本語ですみません。

退会済みユーザー

2018/11/13 14:12

完全一致で検索して見つからなかったら類似のものを表示するという機能はなくていいという解釈でよろしいでしょうか？

changelog

2018/11/13 14:15 編集

すみません、説明不足でした。類似のものを表示する機能は無くても構いません。単に「見つかりませんでした」などで大丈夫です。

m.ts10806

2018/11/13 21:26

「サイト内の記事」の情報をどこでどのように持っているかによります。DBなのか静的htmlなのか。後者であれば現在のタグだけでは対応困難かと。

行動規範の内容に同意します

回答2件

テキストを抜き出してRDBに流し込んでおき要求に応じて全文検索するのが妥当ですね

投稿2018/11/14 00:42

yambejp

総合スコア114839

ベストアンサー

それでしたら、以下のようにやればいいかと

あんまやらない方がいいとは思いますが、記事名をUTF-8のひらがなか漢字に設定して←重要
質問者さんのドメイン/contents/ここに入れる

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5<title>名称未設定</title>
6<script>
7function jump() {
8// ↓の''内をベースのurlに修正して下さい
9var baseURL = '質問者さんのドメイン/contents/';
10var sDIR = document.getElementById('tb1').value;
11var kakucho = '.html';
12location.href = baseURL + sDIR + kakucho;
13}
14</script>
15</head>
16<body>
17<div>
18<form action="javascript:jump();" id="test">
19<input id="tb1" type="text" value="">
20<input type="submit" value="jump">
21</form>
22</div>
23</body>
24</html>

あと下記の二つはcontentsのフォルダに入れてください。

ErrorDocument 404 /404.html

HTML
1<!--これは404.htmlという名前でアップロードしアップロード後はこのコメントは削除してください-->
2<!DOCTYPE html>
3<html>
4<head>
5<meta charset="UTF-8">
6<title>検索結果<title>
7</head>
8<body>
9検索結果 : お探しの情報は見つかりませんでした。
10<br>
11他のキーワードでお試しください。
12<br>
13<hr>
14<a href="../">戻る</a>
15</body>
16</html>
17