formで同じページに変数を受け渡す場合、#までキャリーされてしまう問題

phpで、apiを組んでいる時など、同じページにユーザー入力の変数を渡したいときってありますよね。っで、自分で書いていてちょっと引っかかったことがありましたので、備忘録として記事にしておきます。

同じページで結果を表示させる

以下のような感じで、phpのプログラムを書いたんです。本当は、$_GET[“age”]などとgetの要素がhead部分に入りますが省略しています。

これをsample01.phpとして表示させたのが、以下の感じ。（かなりヘンテコな例ですが、堪忍してください）「おすすめ観光スポットリスト」のところにページ内リンクをかけていて、スポットにページ内ジャンプするようになっています。

ユーザーの方が、さまざまな観光スポットの説明を読んで、自分に合う条件（一番上のformから）を入力してapiをたたくと、また違ったスポットが表示されるという仕組みです。

一見これで良さそうですが、このままだと問題があります。ユニバーサルスタジオの説明をページ内リンクで飛んだユーザーの方が、別条件で施設を検索したいと思った時、ページを上にスクロールして、条件を入力しなおしてボタンを押すと

http://wpblogdiy.com/sample/sample01.php?sex=male&age=1#universal

urlがこのようになって、性別、年齢の情報のほかに#のページ内リンクの情報もキャリーしてしまうんです。検索したページにユニバーサルスタジオがあれば、いきなりそこに飛ぶのでユーザーの方はびっくりされてしまいます

解決策は簡単

この問題の解決策は簡単。formのaction=””の部分に、同じファイル名を記載すればいいです。この場合はaction=”sample01.php”と記載すれば、変数のみがキャリーされるようになります。これって常識なんでしょうか？　管理人は、これでかなり長い時間悩みましたので、忘れないためにもメモしておきます。