質問をすることでしか得られない、回答やアドバイスがある。

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

新規登録して質問してみよう
ただいま回答率
85.53%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

2回答

3433閲覧

getパラメータを引き継いだままページ遷移したい

MeB

総合スコア104

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2018/03/20 02:23

編集2022/01/12 10:55

例えば

https://test.com/?param=abc

というページにきた際にそのページ内にあるリンク先にも
「param=abc」というパラメータをつけたいのですが可能でしょうか?
またそのリンク先のページにあるリンクにも「param=abc」のいうパラメータを
引き継がせたいです。

リンク先に直接パラメータを書くと
最初に
https://test.com/?param=abc
ここのページにきていない状態でもパラメータが着いてしまうため
これ以外の方法をご教示お願いします。

例:
https://test.com/?param=abc 内のリンクをクリック

https://example.com/?param=abc (https://test.com/?param=abcからきていない場合はパラメータはつかない)

https://example.com/?param=abc 内のリンクをクリック

https://example.com/link/?param=abc 

という感じですが伝わりますでしょうか…?

window.location.search
あたりまでは探せたのですが、
引き継ぎなどがわかりませんでした。

追記
URLにパラメータが付与されている場合に対象のURLに引き継いで付与する、かつ24時間の期限付きなどでパラメータつきURLでアクセスしたことをCookieに保存して、再訪問時などにCookieが残っている場合はパラメータがなくても、対象のURLに引き継いで付与したいです。

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

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

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

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

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

guest

回答2

0

状況がよくわからないのですが、データを引き継ぎたいなら
PHPカテゴリもついているので、セッションで渡してやればよいでしょう。
(ただしおなじドメイン内という前提)
不用意にリンク先をいじるのは管理が煩雑になるだけでしょう

sample

別ドメインにとばしたいということなので一応sampleつけておきます
「http(s)://」で始まるリンクについて自分のパラメータを引き継ぐようにしてあります
ただし受け側によってパラメータの受け取り方は異なると思いますので
こまかい調整は必要でしょう。

javascript

1<script> 2window.addEventListener('DOMContentLoaded', function(e){ 3 var param=location.search; 4 if(param.indexOf("?")>=0){ 5 Array.prototype.forEach.call(document.querySelectorAll('a[href]'),function(x){ 6 var href=x.getAttribute("href"); 7 if(href.match(/^https?://.+/)){ 8 x.setAttribute("href",href+param); 9 } 10 }); 11 } 12}); 13</script> 14<a href="http://www.google.co.jp">google</a> 15<a href="http://www.yahoo.co.jp">yahoo</a> 16<hr> 17以下自分のパラメータを切り替える処理<br> 18<a href="?param=1">param=1</a> 19<a href="?param=2">param=2</a> 20<a href="?param=3">param=3</a>

投稿2018/03/20 02:29

編集2018/03/20 03:00
yambejp

総合スコア114389

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

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

MeB

2018/03/20 02:34

わかりにくくてすみません。 phpはこういう場合って必要ないのですね… あとドメインは違う場所になります。
yambejp

2018/03/20 03:00

一応命題の条件を踏まえて書き換えるsampleを付けておきました
guest

0

本当にQueryを引き継ぎたいんですか?

本当は違う要件をこれなら出来るかも?と思って探してますか?

本来の要件を書いていただくことは可能ですか?

HTTPは本来ステートレスなので、設計が違っている気がします

HTTP の概要

投稿2018/03/20 02:52

Kentaro0919

総合スコア258

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.53%

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

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

質問する

関連した質問