質問編集履歴
4
修正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
|
|
1
|
+
質問質問質問質問質問
|
body
CHANGED
|
@@ -1,63 +1,1 @@
|
|
|
1
|
-
サイト内検索を実装中で、
|
|
2
|
-
下記の質問をさせていただきます。
|
|
3
|
-
|
|
4
|
-
①「result.html」で検索したい全てのURLを配列に格納しておりますが、
|
|
5
|
-
ページ数が多い場合、運用の面からは好ましくないです。
|
|
6
|
-
全てのURLを記載することなく、スマートな記述方法はないのでしょうか。
|
|
7
|
-
|
|
8
|
-
②現状、サイト内検索は最低限の機能で作成しております。そのため、大文字や小文字などキーワードが完全に一致していないと検索できません。
|
|
9
|
-
どのようなロジックを組めば、大文字や小文字などキーワードが完全一致しなくても検索に引っ掛けることが可能になるのでしょうか。
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
search.html（検索フォーム）
|
|
14
|
-
```
|
|
15
|
-
<form action="/search-result/">
|
|
16
|
-
<input id="search-input" placeholder="1つキーワードを入力" type="text" name="search-key">
|
|
17
|
-
<input id="search-buttom" class="fas" type="submit" value="" method="get">
|
|
18
|
-
</form>
|
|
19
|
-
```
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
result.html（結果を表示するページ）
|
|
23
|
-
```
|
|
24
|
-
<div class="contents">
|
|
25
|
-
|
|
1
|
+
質問質問質問質問質問質問質問質問質問質問質問質問質問質問質問
|
|
26
|
-
<ul id="ul">
|
|
27
|
-
</ul>
|
|
28
|
-
</div>
|
|
29
|
-
```
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
result.html（結果を表示するページ）
|
|
33
|
-
```
|
|
34
|
-
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
|
|
35
|
-
<script>
|
|
36
|
-
//URLのパラメーターを取得
|
|
37
|
-
let v = new URLSearchParams(window.location.search);
|
|
38
|
-
//URLのパラメーターのうち検索されたキーワードを取得
|
|
39
|
-
v = v.get('search-key');
|
|
40
|
-
//検索したい全てのURLを配列に格納
|
|
41
|
-
const urlLists = [
|
|
42
|
-
"/data/xml/",
|
|
43
|
-
"/site-speed/asynchronous/",
|
|
44
|
-
"/site-speed/for_while/",
|
|
45
|
-
"/site-speed/async-2/"];
|
|
46
|
-
$.each(urlLists, function(i){
|
|
47
|
-
$.ajax({
|
|
48
|
-
url : urlLists[i],
|
|
49
|
-
dataType : 'html',
|
|
50
|
-
success : function(data){
|
|
51
|
-
//上記のURLからキーワードを探す
|
|
52
|
-
if( $(data).find("#article").text().indexOf(v) !== -1){
|
|
53
|
-
//あれば、ページを表示する
|
|
54
|
-
$('<li><a href="' + urlLists[i] + '">' +$(data).find("h1").text() + '</a></li>').appendTo('ul');
|
|
55
|
-
}
|
|
56
|
-
},
|
|
57
|
-
error: function(data){
|
|
58
|
-
console.log("error")
|
|
59
|
-
}
|
|
60
|
-
});
|
|
61
|
-
});
|
|
62
|
-
</script>
|
|
63
|
-
```
|
3
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
サイト内検索を
|
|
1
|
+
サイト内検索を実装中で、
|
|
2
2
|
下記の質問をさせていただきます。
|
|
3
3
|
|
|
4
4
|
①「result.html」で検索したい全てのURLを配列に格納しておりますが、
|
2
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -5,10 +5,8 @@
|
|
|
5
5
|
ページ数が多い場合、運用の面からは好ましくないです。
|
|
6
6
|
全てのURLを記載することなく、スマートな記述方法はないのでしょうか。
|
|
7
7
|
|
|
8
|
-
②現状、サイト内検索は最低限の機能で作成しております。
|
|
9
|
-
そのため2つ以上のキーワードで検索できたり、
|
|
10
|
-
大文字や小文字などキーワードが完全に一致していないと検索できません。
|
|
8
|
+
②現状、サイト内検索は最低限の機能で作成しております。そのため、大文字や小文字などキーワードが完全に一致していないと検索できません。
|
|
11
|
-
どのよう
|
|
9
|
+
どのようなロジックを組めば、大文字や小文字などキーワードが完全一致しなくても検索に引っ掛けることが可能になるのでしょうか。
|
|
12
10
|
|
|
13
11
|
|
|
14
12
|
|
1
一部更新いたしました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -10,14 +10,19 @@
|
|
|
10
10
|
大文字や小文字などキーワードが完全に一致していないと検索できません。
|
|
11
11
|
どのようにカスタマイズすれば、可能になるのでしょうか。
|
|
12
12
|
|
|
13
|
+
|
|
14
|
+
|
|
13
|
-
|
|
15
|
+
search.html（検索フォーム）
|
|
16
|
+
```
|
|
14
17
|
<form action="/search-result/">
|
|
15
18
|
<input id="search-input" placeholder="1つキーワードを入力" type="text" name="search-key">
|
|
16
19
|
<input id="search-buttom" class="fas" type="submit" value="" method="get">
|
|
17
20
|
</form>
|
|
18
21
|
```
|
|
19
22
|
|
|
23
|
+
|
|
20
|
-
|
|
24
|
+
result.html（結果を表示するページ）
|
|
25
|
+
```
|
|
21
26
|
<div class="contents">
|
|
22
27
|
<h1>検索結果</h1>
|
|
23
28
|
<ul id="ul">
|
|
@@ -25,7 +30,9 @@
|
|
|
25
30
|
</div>
|
|
26
31
|
```
|
|
27
32
|
|
|
33
|
+
|
|
28
|
-
|
|
34
|
+
result.html（結果を表示するページ）
|
|
35
|
+
```
|
|
29
36
|
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
|
|
30
37
|
<script>
|
|
31
38
|
//URLのパラメーターを取得
|