🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Q&A

解決済

2回答

1068閲覧

laravelの検索フォームでのクエリのURLの変え方につきまして

takeshi556

総合スコア90

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

0グッド

1クリップ

投稿2021/02/16 10:26

お世話になります。
laravelの以下のような検索フォームでGETでクエリを投げますと

html

1<form method="get" action="{{ url('/search') }}" accept-charset="UTF-8"> 2 3<input type="checkbox" name="animal[]" value="neko"> 4<input type="checkbox" name="animal[]" value="inu"> 5<input type="checkbox" name="animal[]" value="tanuki"> 6 7<input type="submit"> 8</form>

URLのパラメータは以下のようになります。

url

1search?animal[]=neko&animal[]=inu&animal[]=tanuki

これを以下のようなURLにしたいのですが、どこで変えるのでしょうか?

url

1search?animal=neko_inu_tanuki

ルーティングでしょうか?それともリクエストでしょうか?
ドキュメントの場所などございましたらお教えいただけますか?

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

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

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

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

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

guest

回答2

0

vueのrouterを使って以下の方法で解決できました。
vueを使ったURLが検索エンジンに登録されるかは不明なのですが、、、

ありがとうございました。

javascript

1 2<template> 3<div> 4 5<input type="checkbox" value="neko" v-model="animal"> 6<input type="checkbox" value="inu" v-model="animal"> 7<input type="checkbox" value="tanuki" v-model="animal"> 8 9<button type="button" @click="search()">search</button> 10 11<p>確認用:{{$route.query.animal}}</p> 12</div> 13 14 15</template> 16 17<script> 18export default { 19 data() { 20 return { 21 animal:[] 22 } 23 }, 24 methods: { 25 search: function () { 26 const str = this.animal.join(','); 27 this.$router.push({ name: 'get', query: {animal: str} }) 28 } 29 } 30} 31</script> 32

投稿2021/02/20 02:56

takeshi556

総合スコア90

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

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

0

ベストアンサー

一般的なWebのルールにはない形なので、JavaScriptとかで組み替えるしかないと思います。

投稿2021/02/16 10:40

m.ts10806

総合スコア80875

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

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

takeshi556

2021/02/16 10:53

javascriptでしたか。vueでやってみます。ありがとうございました。
m.ts10806

2021/02/16 10:59

Vueでも自動ではできないので、結局「そういうURL文字列」を自前で作ることになります。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.36%

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

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

質問する

関連した質問