遷移元の情報を遷移先で表示させたい

Question

やりたい事

フォーム画面の【送信】ボタンを押した際に、
クラス名が付与されるがページ遷移しない画面を強制的に
以下のjavascriptで遷移させています。

    <script type="text/javascript">
    jQuery(document).ready( function($){
        jQuery(document).bind('classname', function() {
            window.location.href = "https://google.com";
        });
    });
    </script>

ただ、
前の画面の情報も取得したい。

取得したい情報

フォームに入力された情報、
最低でもページタイトルなど。

制限されている事

フォーム自体は変えられない。
ボタンなどは変えずにjavascriptだけで対応しないといけない

試した事

以下のような記述で試してみましたが、javascriptの知識が低いため、やはりうまく実行されませんでした。。

    <script>
    
var prm;

function retrieveGETqs() {
	var query = window.location.search.substring(1);
	return query;
	/* 引数がない時は処理しない */
	if (!query) return false;
}
$(function(){
	
	//パラメータを取得
	var str = retrieveGETqs();
	prm = decodeURIComponent(str);

  
    
    
    jQuery(document).ready( function($){
        jQuery(document).bind('classname', function() {
            window.location.href = "https://google.com";
        });
    });
    
})

;
    </script>

    
   

急ぎで対応しているため、ご助言いただけると幸いです。

Comments

[int32_t]

bind('classname' ...) というのは意図がわかりませんが、画面遷移はできているということでよいのでしょうか?
例では https://google.com になっていますが、https://google.com に情報を表示したいという意味ですか?

Answer 1

遷移先で欲しい情報（ページのタイトルの情報など）をクエリパラーメーターとしてURLに付与して、遷移し、遷移先でクエリパラメータを取得するとかどうでしょうか。

以下の場合、?q=テックアカデミージュニアの部分がクエリパラーメーターです。
"https://google.com?q=ページタイトル"

クエリパラメーターの取得
https://techacademy.jp/magazine/31527

Comments

[Tatsurou]

ご回答いただきありがとうございます。

以下のコードに、パラメータを追加させるには、
どのような記述にすれば良いでしょうか？

```
<script type="text/javascript">
jQuery(document).ready( function($){
jQuery(document).bind('classname', function() {
window.location.search.href = "https://google.com";
});
});
</script>
```

[Tatsurou]

遷移先で、遷移元のURLを表示させたいのですが、、なかなかうまくいかず、、、
<a href="
<script>
document.write(document.referrer);
</script>">
<script>
document.write(document.referrer);
</script></a>

[Pomu3270]

こちらの記事など参考になりそうです。
https://r17n.page/2019/08/22/js-manipulate-query-params/

まとめ
・const url = new URL(location) で初期化
・url.searchParams.set("hoge", "fuga") などで設定
・url.href や url.toString() で設定後の URL を出力
その他・メモ
・クエリパラメータを変更した後に location.href = url.toString() とかすれば移動できて便利。