teratail
回答率
85.46%
質問するログイン新規登録
トップに関する質問質問質問質問質問質問

編集履歴

質問編集履歴

4

修正

2020/03/20 14:50

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- サイト内検索のカスタマイズについて
1
+ 質問質問質問質問質問
test CHANGED
@@ -1,125 +1 @@
1
- サイト内検索を実装中で、
2
-
3
- 下記の質問をさせていただきます。
4
-
5
-
6
-
7
- ①「result.html」で検索したい全てのURLを配列に格納しておりますが、
8
-
9
- ページ数が多い場合、運用の面からは好ましくないです。
10
-
11
- 全てのURLを記載することなく、スマートな記述方法はないのでしょうか。
12
-
13
-
14
-
15
- ②現状、サイト内検索は最低限の機能で作成しております。そのため、大文字や小文字などキーワードが完全に一致していないと検索できません。
16
-
17
- どのようなロジックを組めば、大文字や小文字などキーワードが完全一致しなくても検索に引っ掛けることが可能になるのでしょうか。
18
-
19
-
20
-
21
-
22
-
23
-
24
-
25
- search.html（検索フォーム）
26
-
27
- ```
28
-
29
- <form action="/search-result/">
30
-
31
- <input id="search-input" placeholder="1つキーワードを入力" type="text" name="search-key">
32
-
33
- <input id="search-buttom" class="fas" type="submit" value="" method="get">
34
-
35
- </form>
36
-
37
- ```
38
-
39
-
40
-
41
-
42
-
43
- result.html（結果を表示するページ）
44
-
45
- ```
46
-
47
- <div class="contents">
48
-
49
- <h1>検索結果</h1>
1
+ 質問質問質問質問質問質問質問質問質問質問質問質問質問質問質問
50
-
51
- <ul id="ul">
52
-
53
- </ul>
54
-
55
- </div>
56
-
57
- ```
58
-
59
-
60
-
61
-
62
-
63
- result.html（結果を表示するページ）
64
-
65
- ```
66
-
67
- <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
68
-
69
- <script>
70
-
71
- 　//URLのパラメーターを取得
72
-
73
- let v = new URLSearchParams(window.location.search);
74
-
75
- 　//URLのパラメーターのうち検索されたキーワードを取得
76
-
77
- v = v.get('search-key');
78
-
79
- 　//検索したい全てのURLを配列に格納
80
-
81
- const urlLists = [
82
-
83
- "/data/xml/",
84
-
85
- "/site-speed/asynchronous/",
86
-
87
- "/site-speed/for_while/",
88
-
89
- "/site-speed/async-2/"];
90
-
91
- $.each(urlLists, function(i){
92
-
93
- $.ajax({
94
-
95
- url　: urlLists[i],
96
-
97
- dataType : 'html',
98
-
99
- success　: function(data){
100
-
101
- 　　　 //上記のURLからキーワードを探す
102
-
103
- if( $(data).find("#article").text().indexOf(v) !== -1){
104
-
105
- 　　　　　　//あれば、ページを表示する
106
-
107
- $('<li><a href="' + urlLists[i] + '">' +$(data).find("h1").text() + '</a></li>').appendTo('ul');
108
-
109
- }
110
-
111
- },
112
-
113
- error: function(data){
114
-
115
- console.log("error")
116
-
117
- }
118
-
119
- });
120
-
121
- });
122
-
123
- </script>
124
-
125
- ```

3

2020/03/20 14:50

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- サイト内検索を自作にて実装中で、
1
+ サイト内検索を実装中で、
2
2
 
3
3
  下記の質問をさせていただきます。
4
4
 

2

2019/08/27 11:35

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -12,13 +12,9 @@
12
12
 
13
13
 
14
14
 
15
- ②現状、サイト内検索は最低限の機能で作成しております。
15
+ ②現状、サイト内検索は最低限の機能で作成しております。そのため、大文字や小文字などキーワードが完全に一致していないと検索できません。
16
16
 
17
- そのため2つ以上のキーワードで検索できたり、
18
-
19
- 大文字や小文字などキーワードが完全に一致していないと検索できません。
17
+ どのようなロジックを組めば、大文字や小文字などキーワードが完全一致しなくても検索に引っ掛けることが可能になるのでしょうか。
20
-
21
- どのようにカスタマイズすれば、可能になるのでしょうか。
22
18
 
23
19
 
24
20
 

1

一部更新いたしました。

2019/08/27 11:34

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -22,7 +22,13 @@
22
22
 
23
23
 
24
24
 
25
+
26
+
27
+
28
+
25
- ```search.html（検索フォーム）
29
+ search.html（検索フォーム）
30
+
31
+ ```
26
32
 
27
33
  <form action="/search-result/">
28
34
 
@@ -36,7 +42,11 @@
36
42
 
37
43
 
38
44
 
45
+
46
+
39
- ```result.html（結果を表示するページ）
47
+ result.html（結果を表示するページ）
48
+
49
+ ```
40
50
 
41
51
  <div class="contents">
42
52
 
@@ -52,7 +62,11 @@
52
62
 
53
63
 
54
64
 
65
+
66
+
55
- ```result.html（結果を表示するページ）
67
+ result.html（結果を表示するページ）
68
+
69
+ ```
56
70
 
57
71
  <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
58
72