編集履歴

質問編集履歴

解決

2019/07/22 17:23

投稿

reina0609

スコア16

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -215,45 +215,3 @@
 </script>
 ```
-###追加(index.blade.php修正しています)
-①src="{{ asset('/storage/pic/'.$product->pic) }}"部分について
-```PHP
-$product->pic
-```
-を使わずに、画像の表示をさせるにはどうしたらいいのでしょうか？
-```PHP
-data[i].pic
-```
-を使うのはわかるのですが、文法的なことだとは思いますが、asset('/storage/pic/')とdata[i].picをどのように繋げればいいのでしょうか？
-②検索に一致したデータが２つなのに、３つ表示されてしまいます。
-console.log(data)で確認しましたが、２つ条件に一致している場合、以下の画像のように結果が表示されてしまいます。
-なぜこのような結果になるのか、全くわからず困っております。
-検索結果
-![イメージ説明](32c88d930dc1e5a322cee74c74335483.png)
-console.log(data)
-![console.log(data)](bea206aba60c7dfa32a8a46c3493c7b2.png)
-追加で申し訳ございませんが、回答よろしくお願いします。

説明の追加

2019/07/22 17:22

投稿

reina0609

スコア16

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -216,7 +216,7 @@
 ```
-###追加
+###追加(index.blade.php修正しています)
 ①src="{{ asset('/storage/pic/'.$product->pic) }}"部分について

画像の追加

2019/07/22 16:20

投稿

reina0609

スコア16

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -218,7 +218,7 @@
 ###追加
-①
+①src="{{ asset('/storage/pic/'.$product->pic) }}"部分について
 ```PHP
@@ -234,7 +234,7 @@
 ```
-を使うのはわかるのですが、asset('/storage/pic/')とどのようにつければいいのでしょうか？
+を使うのはわかるのですが、文法的なことだとは思いますが、asset('/storage/pic/')とdata[i].picをどのように繋げればいいのでしょうか？
@@ -244,8 +244,16 @@
 なぜこのような結果になるのか、全くわからず困っております。
+検索結果
 ![イメージ説明](32c88d930dc1e5a322cee74c74335483.png)
+console.log(data)
+![console.log(data)](bea206aba60c7dfa32a8a46c3493c7b2.png)
 追加で申し訳ございませんが、回答よろしくお願いします。

追加

2019/07/22 16:07

投稿

reina0609

スコア16

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -30,7 +30,7 @@
-③画像が最後に一致するデータのものになってしまいます（上の画像参照）
+③画像が最後に一致するデータのものになってしまいます
@@ -215,3 +215,37 @@
 </script>
 ```
+###追加
+①
+```PHP
+$product->pic
+```
+を使わずに、画像の表示をさせるにはどうしたらいいのでしょうか？
+```PHP
+data[i].pic
+```
+を使うのはわかるのですが、asset('/storage/pic/')とどのようにつければいいのでしょうか？
+②検索に一致したデータが２つなのに、３つ表示されてしまいます。
+console.log(data)で確認しましたが、２つ条件に一致している場合、以下の画像のように結果が表示されてしまいます。
+なぜこのような結果になるのか、全くわからず困っております。
+![イメージ説明](32c88d930dc1e5a322cee74c74335483.png)
+追加で申し訳ございませんが、回答よろしくお願いします。

追加の情報

2019/07/22 16:02

投稿

reina0609

スコア16

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -156,42 +156,56 @@
                 //通信成功時の処理
+                //alert(data);
+                $(".index-product").empty();
+                $(".index-product").remove();
+                var len = data.length;
+                if(len === 0){
+                    $(".js-MsArea").html('検索に一致する商品がありませんでした');
+                }else{
+                    console.log(data);
+                    $(".js-MsArea").html('検索に一致する商品がありました');
+                    for (var i = 0; i < len; i++) {
+                        $(".js-get-product").append($('<div class="index-product">'));
+                        $(".index-product").append($("<img>").attr({
+                            "src": text(data[i].pic),
+                            "class": 'index-img',
+                        }));
+                        $(".index-product").append($("<a>").text(data[i].name).attr({
+                            "class" : 'product-name',
+                            "id": 'name',
+                            "href": '{{ route('products.show', ['product' => $product->id]) }}',
+                        }));
+                    }
+                }
+        }).fail(function (data) {
+                //通信失敗時の処理
                 alert(data);
-                $(".js-MsArea").html('検索に一致する商品がありました');
-                var len = data.length;
-                for (var i = 0; i < len; i++) {
-                    $('.js-remove-product').remove();
-                    $('.js-get-product').append($("<a>").attr({
-                        "class" : 'product-name',
-                        "id": 'name',
-                        "href": '{{ route('products.show', ['product' => $product->id]) }}'
-                    }));
-                    $('.js-get-product').append($("<img>").attr({
-                        "src": '{{ asset('/storage/pic/'.$product->pic) }}',
-                        "class": 'index-img',
-                    }));
-                }
-        }).fail(function (data) {
-                //通信失敗時の処理
-                alert(data);
             });
         });

追加情報

2019/07/22 15:54

投稿

reina0609

スコア16

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -14,17 +14,27 @@
 index.blade.phpのappendが原因なのはわかりますが、どう書き換えれば期待する結果が得られるでしょうか？
+例）①ニットと検索→②もう一度ニットと検索
+![①ニットと検索](109687aba185d4a483ade3b25dfdfe89.png)
+![②もう一度ニットと検索](5f5baa4e1af298b40a563697c666511a.png)
 ②一文字一致でも表示されてしまう
-例）「ドットスカート」という商品が登録されている場合、一文字「ツ」が含まれている場合でも、表示されてしまいます。
+例）「ドットスカート」という商品が登録されている場合、一文字「ツ」or「ッ」（小文字でも大文字でも検索に引っかかっています）が含まれている場合でも、表示されてしまいます。
 単語として「スカート」と検索した場合にのみ結果が表示されて欲しいです。
+③画像が最後に一致するデータのものになってしまいます（上の画像参照）
-③商品が１つも検索に一致しない場合も付け加えたいのですが、どのような条件分岐をすれば良いのかわかりません。
+④商品が１つも検索に一致しない場合も付け加えたいのですが、どのような条件分岐をすれば良いのかわかりません。
 ```PHP