<a href="abcd.cgi?mode1=1&mode2=2&mode3=3&mode4=4&mode5=5" >
としたら、このままではGET方式でデータの受け渡しが行われますよね?そうではなく、テキストリンクでPOST方式でのデータの受け渡しをしたい場合はどうすればいいですか?その際、リンクにマウスを乗せたときにブラウザ左下にリンク先のURLが出るのも避けたいです。(←無理・もしくは実装が面倒ならこれはいいです。)submitボタンは使わない方向でお願いします。
GET方式だと、履歴に****?mode1=1&mode2=2&mode3=3&…
と表示されてしまうようなので、<a href=....>リンクでなんとかそれを無くしたいという事情で質問しまた。
No.1ベストアンサー
- 回答日時:
JavaScript を使えば可能です。
まず、POST 送信用のフォームを用意します。
必要なパラメータは INPUT タグの type="hidden" を使い、ここに全て書き出します。
<form name="Form1" action="abcd.cgi" method="post">
<input type="hidden" name="mode1" value="1">
<input type="hidden" name="mode2" value="2">
<input type="hidden" name="mode3" value="3">
<input type="hidden" name="mode4" value="4">
<input type="hidden" name="mode5" value="5">
</form>
リンクの方はこのフォームを送信するように記述します。
この時、リンクからフォームが操作できるように、フォームに名前(ここでは「Form1」)を付けておきます。
<a href="javascript:document.Form1.submit()">送信</a>
この方法ならリンクにマウスを乗せても、URLがステータスバーに表示されることもありません。
ただし、このままでは JavaScript 依存になってしまうので、万人向けにしたいなら送信用リンクタグは JavaScript が有効な時だけ表示し、無効な場合は送信ボタンを表示するようにします。
<form name="Form1" action="abcd.cgi" method="post" style="display:inline">
<input type="hidden" name="mode1" value="1">
:
<script type="text/javascript"><!--
document.writeln('<a href="javascript:document.Form1.submit()">送信</a>');
//--></script>
<noscript><input type="submit" value="送信"></noscript>
</form>
※フォームの中でリンクを表示するため、フォームがインライン表示されるようにスタイルシートを設定しています。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 数学 一次合同式と連立合同式の問題について 3 2022/05/07 15:47
- PHP a href リンクタグでだけで 送信が できちゃっています。 1 2022/04/18 04:25
- 数学 合同式について 2 2022/06/02 18:24
- Excel(エクセル) エクセルの数式で教えてください。 2 2023/04/13 10:55
- その他(車) 古い普通乗用車の更新終了しているナビを何とか使える方法はないものでしょうか? 5 2023/02/18 23:05
- 数学 大学数学 「条件:t進表現において、何乗しても右から2桁が変わらない2桁の自然数が存在する。」 上記 7 2023/06/28 22:25
- 数学 【数学】到達できない箇所 2 2022/05/11 22:35
- その他(ゲーム) スカイリム、Modに関して Modはインターネットに繋げないと利用できませんが、Modをダウンロード 1 2022/09/20 14:20
- その他(ゲーム) SkyrimSEのMod organizer で困っています。誰か助けてください。 1 2022/12/05 01:49
- 数学 p を奇素数 ((b) は p≠5) とするとき, 以下の同値関係を示せ. (a) (-2/p) = 3 2022/07/03 16:35
このQ&Aを見た人はこんなQ&Aも見ています
-
外出時に「待たせる妻」vs イライラする「待つ夫」は日本だけ?見習いたい海外事情
夫の家事参加に積極的なイメージのある海外でも、同様の事例はあるのか。結婚カウンセラーの佐竹悦子さんに伺ってみた。
-
submitをボタン以外にするには
HTML・CSS
-
form以外でのpostってできますか?
HTML・CSS
-
データ送信をボタンを押さずに行いたいのですが...
PHP
-
-
4
html でのテキスト結合について
その他(プログラミング・Web制作)
-
5
URLのパラメータをGETのままで非表示にしたい
PHP
-
6
HTMLの値の渡し方について質問です。 HTMLで値を今の画面から次の画面に渡すにはどういう文を使う
HTML・CSS
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
form actionでmailtoを指定する...
-
複数のフォームを一括で送信す...
-
submitをボタン以外にするには
-
長文のmailtoの使い方
-
1アクションでPOST・GET、両方...
-
フォームに入力した値をURLに付...
-
<a href=**?***=***>をGET方式で
-
mailtoによる送信ができない
-
送信ボタン押下時に値が未入力...
-
リンクをクリックした時にform...
-
お問い合わせフォームの送信後...
-
inputタグのnameとvalue属性に...
-
HTMLとCSS
-
formなしでPOSTデータを送信・受信
-
<FORM action='mailto:****@***...
-
申し込みフォームの作成方法
-
CGI動作後に元のページに戻る方法
-
type="hidden"を使って時刻を送信
-
URL パラメータを使ってフォー...
-
【html】)パスワード認証フォー...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
submitをボタン以外にするには
-
URL パラメータを使ってフォー...
-
複数のフォームを一括で送信す...
-
【html】)パスワード認証フォー...
-
フォーム要素以外にもname属性...
-
送信ボタン押下時に値が未入力...
-
checkboxを「変更不可」にでき...
-
1アクションでPOST・GET、両方...
-
メールフォームの送信ボタンが...
-
リンクをクリックした時にform...
-
type="hidden"を使って時刻を送信
-
GETをPOSTに変更したところ 送...
-
リロード時にも<input type="re...
-
<a href=**?***=***>をGET方式で
-
フォームに入力した値をURLに付...
-
長文のmailtoの使い方
-
mailtoについて
-
formタグのactionパラメータで...
-
送信フォームを2つ用意する方法
-
・フォームの送信先(action)...
おすすめ情報