formを利用したGETメソッドでの送信について

2023/08/07 21:24

このQ&Aのポイント

「formを利用したGETメソッドでの送信について」についてご質問いただきました。
現在、お使いのサンプルソースで「GET」での送信を試しているとのことですが、動作がおかしいようです。
URLに期待するパラメータが正しく反映されず、予期しない結果になってしまいます。ご質問者様には、何か間違いがあるのか、勘違いしているのか、わからないとのことです。どなたかご存知の方がいらっしゃいましたら、ご教授いただけると幸いです。

ベストアンサー

formを利用した「GET」methodでの送信について

2008/01/21 22:05

formを利用した「POST」methodは使わずに、「GET」で送信すべくサンプルソースで試しているのですが、どうも動きがおかしいのでお尋ねします。下記にそのサンプルソースをまとめていますがこれでそのまま何か適当にテキストボックスに文字を入れて「検索」をクリックしますと・・・ブラウザのURLは http://～～～test_form.html?menu=srch&scat=1&swrd=入れた文字　．．のようにならないといけない、と思うのですが。実際は http://～～～form_test.html?serch_cat=1&srch_word=入れた文字&srch_exec=%8C%9F%8D%F5 　．．のようになってしまいます。いろいろテストして見ますと、「com error」が出ますので、何かやり方を間違えているか、あるいは全く大きな勘違いがあるかもわかりません。どなたかご存知の方がいらっしゃいましたら、よろしくご教授のほどお願い致します。 //--- サンプルソース(form_test.html)---------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <title>test</title> <script type="text/javascript"></script> </HEAD> <BODY> <FORM name="srchform" METHOD="GET" onsubmit="sock_gput_req('test_form.html?menu=srch');"> <TABLE BORDER="0" cellspacing=2 cellpadding=0 width=90%> <TR><TD>【ワード検索】</TD></TR></TABLE> <div align=left>■検索ワード</div> <input type="radio" name="serch_cat" value="1" checked>カテゴリーA　 <input type="radio" name="serch_cat" value="2">カテゴリーB<br> <TABLE BORDER="0" cellspacing=0 cellpadding=3> <TR><TD> <INPUT TYPE="TEXT" NAME="srch_word" SIZE="35" value=""> </TD><TD > <INPUT TYPE="SUBMIT" NAME="srch_exec" VALUE="検索"> </TD></TR> </TABLE> </FORM> <div id="result"></div> </BODY> </html>

moo9999
お礼率83% (25/30)

PHP
回答数2
ありがとう数2

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

tany180sx
ベストアンサー率63% (239/379)

2008/01/21 22:40 回答No.1

Ajaxの方のURLはお望みのものになってますよ。非同期に取得表示したいのならサブミットする必要ないのでは？ onsubmit="sock_gput_req('test_form.html?menu=srch');return false;" 　or <input type="button" value="検索" onclick="sock_gput_req('test_form.php?menu=srch');">

質問者

お礼 2008/01/21 23:45

早速のご回答ありがとうございます。教えていただきました内容を組み込んでみましたが結果は同じでした。（やり方が違っているかも知れません、すみません）一応、「?menu=srch」のような引数を付加したいのですが、今の所できていません。　http://～～～test_form.html?menu=srch&scat=1&swrd=入れた文字　　　　　　　　　　　　　　　　　　　========== それと、本来 PHP+Javascript(Ajax)での内容なのですが、サンプルソースにした時点でPHPのソースは無く、結果カテ違いになっていました、すみません。再度、よろしくお願い致します。 ------------------------------------------------------------------------- テスト-1 <FORM name="srchform" METHOD="GET" onsubmit="sock_gput_req('test_form.html?menu=srch');return false;"> 　　　| 略 <INPUT TYPE="SUBMIT" NAME="srch_exec" VALUE="検索"> テスト-2 <FORM name="srchform" METHOD="GET"> 　　　| 略 <input type="button" value="検索" onclick="sock_gput_req('test_form.php?menu=srch');">

質問者

補足 2008/01/22 00:05

それと、一部補足させてください。 TEXTに入ります文字は、かな・漢字などが入りますので、encodeURIで変換したいと思っていますので、Javascriptの中で処理ができればと思っています。（今は、自動的に <form>～</form>のなかの既定項目がそのまま出力されるような状態になっています）

その他の回答 (1)

tany180sx
ベストアンサー率63% (239/379)

2008/01/22 01:52 回答No.2

"com error !!" ならリクエスト失敗です。同階層にtest_form.htmlはありますか？（test_form.phpで確認したのでtypoしてます。）表示させるなら //window.alert(req.responseText);　を document.getElementById('result').innerHTML = req.responseText;　等に。 test_form.htmlというのがPHPなら、encodeURIでは失敗すると思います。参考URLの独自関数を使うとよいです。

参考URL：: http://postcard.blog.ocn.ne.jp/itazura/2004/12/javascript_url_.html

質問者

お礼 2008/01/22 08:34

ありがとうございます。 PHPを使った状態にしていなかったので、マウスクリックでの起動とブラウザからの起動がゴチャまぜになっていて、それでエラーが出ていたようです。これらをまとめましてテストした結果、以下の組み合わせで欲しいデータは出てきたようです。（ついでに、htmlからphpにして最終に近い形にしています） <FORM name="srchform" METHOD="GET" onsubmit="sock_gput_req('test_form.php?menu=srch');return false;"> 　　　| 略 <INPUT TYPE="SUBMIT" NAME="srch_exec" VALUE="検索"> 出力文字　　>>>　　test_form.php?menu=srch&scat=1&swrd=入力した文字ただ、一応出力されているのですがその文字列がブラウザのURLアドレス部に表示されないのですが、何か処理がまだ足りないのでしょうか、それとも、URLアドレス部への出力は出来ないのでしょうか？そのため、Javascriptの中だけで処理が終わって受けのプログラムで受け取れません。後、「encodeURI」の件ですが．． PHP5.0では「urldecode」が使えるようですので、Javascriptの「encodeURI」を使った通信でも問題無いと思われます。（以前、別のプログラムで経験があります）お手間お掛けしますが、よろしくお願いします。

質問者

補足 2008/01/22 09:09

ありがとうございます。いろいろと試していましたら、どうも「location.href」で外部のＰＧを起動できそうだと言う事が分かり試してみましたら、ばっちりうまく行きました。終わってみればなんとやらで、Ajaxを持ち出しての面倒なことは必要なかったわけですね。・・・お恥ずかしい。いろいろと、試行錯誤しましたが何とかうまくまとまりそうです。ありがとうございました。これからも、よろしくお願い致します。 P.S. 一応、最後にまとめました（少し手抜きですが）ソースを載せておきます。 ------------------------------------------------------------- <?php $menu = $_GET['menu']; $srch_word = $_GET['swrd']; echo <<<EOD <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <title>test</title> <script type="text/javascript"></script> </HEAD> <BODY> <FORM name="srchform" METHOD="GET" onsubmit="sock_gput_req('test_form.php?menu=srch');return false;"> <TABLE BORDER="0" cellspacing=2 cellpadding=0 width=90%> <TR><TD>【ワード検索】</TD></TR></TABLE> <div align=left>■検索ワード</div>  <input type="radio" name="serch_cat" value="1" checked>カテゴリーA　 <input type="radio" name="serch_cat" value="2">カテゴリーB<br> <TABLE BORDER="0" cellspacing=0 cellpadding=3> <TR><TD> <INPUT TYPE="TEXT" NAME="srch_word" SIZE="35" value="$srch_word"> </TD><TD > <INPUT TYPE="SUBMIT" NAME="srch_exec" VALUE="検索"> </TD></TR> </TABLE> </FORM> <div id="result"></div> </BODY> </html> EOD; ?>

関連するQ&A

PHPの処理結果をjavascriptで利用する方法
既に似たような質問も出ていそうで恐縮ですが(一通り目を通したですが、目的とするものは見つけられませんでした)、 PHPとjavascriptのやりとりについて教えていただければ幸いです。データをフォームなどから受け取る→サーバー側(php)で処理→ 処理した結果の変数をjavascript用の変数として扱うといったことがしたいのですが、うまくできません。実際には以下のような形で書いて失敗してしまいました。。。 /*xxx.php*/ <html> <head> <?php $result = $_POST["sentence"]; ?> <script language="javascript"> result = "<?=$result?>"; </script> <script src="xxx.js" type="text/javascript"language="javascript"></script> </head> <body> <form id="sample"> <input type="text" name="sentence"> <input type="submit" value="送信"> </form> </body> </html> /*xxx.js*/ /*xxx.js*/ window.onload = function(){ document.getElementById("sample").onsubmit = function() { var req = createHttpRequest(); req.onreadystatechange = function(){ if(req.readyState==4 && req.status == 200){ alert(result); //PHPの結果を待った後を想定した何らかの処理　　　　　//ここでresultを使いたいが、サーバー側への送信前　　　　　//の値が入っているだけでonsubmitが反映されていない。 } } req.open("POST","./xxx.php",false); //<-formでくくられた<input type="text">等の部分は反映されない。 req.send(""); } } function createHttpRequest(){ if(window.XMLHttpRequest){ return new XMLHttpRequest(); } else if(window.ActiveObject){ try{ return new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch (e2) { return null; } } } } 私なりに調べたところ 1.PHPとjavascriptは別の所で動作しているので受け渡しは基本不可能 2.PHP側で動的に書き出すことで見せかけることはできる。 var test = <?=$test?>等 3.XmlHttpRequestでphpの処理を結果を待って、変数を利用しようと思ったが、 <form id="form"> <input type="text" name="sentence"> <input type="submit" value="送信"> </form> といった場合に$_POST["sentence"]に値を入れる方法が不明。また、 multipart/form-dataによる送信など方法が複雑。 responseTextには<html>から</html>まで格納されてしまった。処理項目ごとに表示用に別にPHPファイル作成だと困る。 4.<form action = "xxx.php" onsubmit=関数名>とすると、 onsubmitで指定した関数が先に呼び出されてから、 xxx.phpの実行が行われるので、サーバー処理を待たずに javascript側が実行されてしまう。といったことだけは分かりました。しかし、どのように変更すればうまくいく(もしくは見せかける) ようになるのかがさっぱり分からなかったため、質問させていただきました。よろしくお願い致します。
- ベストアンサー
- PHP
history.backの前に値をクリアしたい
以下のようなソースを作りました。 reccheck.phpで、チェックしてエラーだと、ここに戻ってエラー表示をするのですが、その後に「戻る」を押しても、同じエラーにかかって、画面が移りません。ここで使っているerr_swの値をクリアすることはできないでしょうか？ <?php $err_sw = $_POST['errsw']; ?> <html><head> <SCRIPT language="JavaScript">  </SCRIPT> </head> <body onload="msg(<?echo $err_sw?>)"> <form name="check" action="reccheck.php" method="POST" onSubmit="return Check()"> <input type="hidden" name="OK_URL" value="ok.php"> <input type="hidden" name="ER_URL" value="test.php"> <table><tr> <td>ユーザＩＤ</td> <td><input type="text" name="USER_ID" size="8"></td> </tr><tr> <td>パスワード</td> <td><input type="text" name="USER_PS" size="8"></td> </tr></table> <table><tr> <td><input type="button" value="戻る" class="font12" onclick="return Back()"> </td><td> <input type="submit" value="送信" class="font12">
- 締切済み
- JavaScript
formのボタンをsubmitしたときにアラート
javascript で、formのボタンをsubmitしたときにアラートが出るようにしたいと思います。下記のように作ってみましたが、うまく動きません。どのようにすれば動くでしょうか? ご教示いただきたくお願いいたします。 <script type="text/javascript"> function(){ $('form1').submit(function(){ $.ajax({ type: 'POST', data: postData, url: 'buy.php', success: function(data){alert("購入できました");} error: function(){alert('購入できませんでした。再度お試しください');} }); return false; }); } </script> <form name="form1" id="form1" method="POST" name="form1" value="form1" action="buy.php"> <input type="hidden" name="id" value="100" /> <input type="hidden" name="name" value="高橋" /> <input type="submit" value="Save"> <form/>
- ベストアンサー
- JavaScript
Formのシリアライズができない
新米プログラマーです。 JavascriptとJavaでショッピング画面を作っています。以下のコードで　function doActionShoppingEntry(){ で登録用のフォームを表示して、 function doActionShoppingAdd(){　Ajax通信で登録処理を行っています。 var data = $('#fmShoppingDetail').serialize();　でフォームの内容をシリアライズしようとしているのですが、うまくシリアライズされず data は空っぽのままです。読み込む順番とか、スコープの問題かな、とも思ったんですけど、 var data_shoppingDate = $('#shoppingDate').val();　や var data_hinme = $('#hinmei').val(); は認識されて、空欄チェックをちゃんとしてくれます。いろいろやってみたのですが、シリアライズされない状況が続いています。どなたかヒントを頂くなりお願いできますでしょうか。よろしくお願いします。 // ■お買物登録 // 登録画面表示 function doActionShoppingEntry(){ var space = ""; space += '<form id="fmShoppingDetail">' + '<tr>' + '<th>購入日</th>' + '<td><input type="text" id="shoppingDate" /></td>' + '</tr>' + '<tr>' + '<th>場所</th>' + '<td><input type="text" id="place" /></td>' + '</tr>' + '<tr>' + '<th>品名</th>' + '<td><input type="text" id="hinmei" /></td>' + '</tr>' + '<tr>' + '<th>金額</th>' + '<td><input type="text" id="kingaku" /></td>' + '</tr>' + '<input type="button" onclick="doActionShoppingAdd();" value="登録" />' + '<input type="hidden" id="customerId" value="' + $('#customerId') + '" />' + '</form>'; var obj = document.getElementById("datatableShoppingAdd"); obj.innerHTML = space; // お買上日 $(function(){ $('#shoppingDate').datepicker(); $("#shoppingDate").datepicker("option", "dateFormat", "yy/mm/dd"); } ); } // 登録 function doActionShoppingAdd(){ // 必須項目の入力チェック var data_shoppingDate = $('#shoppingDate').val(); if(data_shoppingDate == ""){ window.alert('購入日は空白では登録できません。'); return false; }else{ var data_hinme = $('#hinmei').val(); if(data_hinme == ""){ window.alert('品名は空白では登録できません。'); return false; } } if(window.confirm("登録していいですか？")){ var data = $('#fmShoppingDetail').serialize();　　　　　　　　　　　　　　　　←ここです。 $('#gon').text("登録内容は" + data); //gon内のテキストに表示 console.log("data[0]==========" + data[0]); $.post('/shoppingadd',data,function(resp, status, XHR){ if(status == "success"){ $('div#status').text("登録しました。"); } }); }else{ return false; } }
- ベストアンサー
- JavaScript
POST送信かGET送信か
　　 ------------------------------------------ <SCRIPT language="JavaScript"></script>  <input type="submit" name="submit" value="送信" onClick="javascript:GoPage("a.php", "1")"> 　　 ------------------------------------------ 　　上記のような処理を書いた場合、遷移先である a.php で id（値：1）を取得する時は POSTで受け取るのですか？それともGETでしょうか？　　
- ベストアンサー
- JavaScript
[javaScript] form action
PHPとjavascriptで検索(別ページ)→検索結果表示(test.php)→指定リンククリック(test.php)→チェックボックスの値を親ウィンドウ(test.php)から子ウィンドウ(aaa.php、bbb.php)へ渡し、更新→親ウィンドウ(test.php)に反映→検索ボタン押下で再検索(test.php)という流れのプログラムを書いています。親ウィンドウ(test.php)に反映までは実装できましたが、その後検索でsubmitすると、test.phpではなくaaa.phpかbbb.phpへ遷移してしまいます。色々試してみましたがどうしてもわからず、どなたかご教授いただけませんでしょうか。よろしくお願い致します。 [親ウィンドウ] function setDown(type) { window.open("", "test") ; if(type == 'aaa') { window.document.fm.action = "aaa.php"; } else if(type == 'bbb') { window.document.fm.action = "bbb.php"; } window.document.fm.target = "test"; window.document.fm.method = "POST"; window.document.fm.submit(); } <form action="index.php" method="post" name="fm"> <a href="javascript:void(0)" onClick="setDown('aaa');"return false>aaa指定</a> <div id="aaaDis"></div> <a href="javascript:void(0)" onClick="setDown('bbb');"return false>bbb指定</a> <div id="bbbDis"></div> <input type="text" name="keyword"> <input type="submit" name="search" value="検索"> </form> [子ウィンドウ aaa.php] if($_REQUEST["mode"] == "set") { foreach($_REQUEST["sample"] as $num => $val) { $addName .= $Func -> GetGenreName($val) . ","; $addNo .= $val. ","; } $addName = rtrim($addName ,","); $addNo = rtrim($addNo ,","); <script type="text/javascript">  </script> } <form action="aaa.php" method="post"> <input type="hidden" name="mode" value="set"> <input type="submit" value="設定"> <input name="sample[]" TYPE="checkbox" VALUE="1">1111 ・・・ </form>
- ベストアンサー
- JavaScript
<form>でアップロードする画像を表示させたい
<form>でユーザーの名前や顔写真を入力してもらってサーバーに送るルーチンを作っています。ユーザーがアップロードしたい自分の写真を選んだときに、確認のためにその写真を表示させたくて、下のようなコードを書きましたが、写真が表示されません。いろいろやっていて、<input type="file">を参照したときに戻される値は、写真のフルパスではなくて最後のファイル名だけだとわかりましたが、これをフルパスのURLで取得する方法はないでしょうか？ <script type="text/javascript" language="javascript"> function dispGazo(){ document.getElementById("kao").src="'"+document.getElementById("userGazo").value+"'"; } function checkInput(){ if( document.forms[0].userName.value == ""){ alert("お名前は必ず入力してください。"); return; } } </script> . . . . <form enctype="multipart/form-data" accept-charset="UTF-8" method="post" action="QAtouroku.php" onsubmit="checkInput();"> <table border="1" width=80%> <tr><td>お名前：<input type="text" name="userName" size=30> </td></tr> <tr><td>お写真：<input type="file" name="userGazo" id="userGazo" size=80 value="右のボタンを押して、登録する画像ファイルを探します。" onchange="dispGazo();"></td> </tr> <tr><td><img id="kao" width=100 alt="写真" ></td></tr> . . . </table> </form> どうかよろしくお願いします。 papashiro
- ベストアンサー
- JavaScript
Formでアンケートページを作成　送信　メールに反映しない。
こんにちは、DreamWeaver8を使ってホームページの勉強を始めたものです。練習でFormを使ってアンケートページを作りました。 Form　actionでメールアドレスを指定して送信ボタン（Submit）を押すと、メーラーが起動して上記アドレスが記載されたメールができるのですが、中身が反映していません。（アンケートに書かれた、性別、職業など）どのようにすれば反映されるのでしょうか？何かお分かりの方がいましたら教えてください。よろしくお願いします。 <form action="mailto:test@***.**.jp" method="post" enctype="text/plain" name="form1" id="form1"> <table width="920" border="1"> <tr> <td>性別</td> <td><label for="radiobutton">男</label> <input name="radiobutton" type="radio" id="radiobutton" value="man" checked="checked" /> <label for="label2">女</label> <input name="radiobutton" type="radio" value="woman" id="label2" /></td> </tr> 略 <tr> <td colspan="2"><div align="center"> <input type="reset" name="Submit2" value="リセット" /> <input type="submit" name="Submit" value="送信" /> </div></td> </tr> </table> </form>
- ベストアンサー
- ホームページ作成ソフト
[VBScript]ラジオボタンでform送信
HTML内でVBScriptを用いて、以下のようなことをしたいと思っています。 <tr> 　　<td nowrap align="center">東京 or 大阪 </td> 　　<td><input type="radio" name="ikisaki" value="0" checked>東京 <input type="radio" name="ikisaki" value="1" >大阪 </td> <form method="post" action="xxxx.asp" name="form"> <tr> 　<td nowrap align="right">市名</td> 　<td nowrap><font size="+2"><%=strCitNm%></font></td> </tr> <tr> 　<td> 　　<input type="submit" name="A1" value="送信"> 　</td> </tr> 上記なようなラジオボタンが２つあったとして、[送信]を押したときにラジオボタンのチェックが「東京」なら action="tokyo.asp" に、「大阪」なら action="oosaka.asp"へform送信を行いたいと思っているのですが、 HTML内でVBScriptを使用する場合、どのような記述にすればいいのかがわかりません。どうかよろしくお願いします。
- ベストアンサー
- HTML
JavaScriptを使った計算フォーム
JavaScriptを使った計算フォームで質問です。人数をテキストボックスに入力し、そのあと項目を選ぶと計算がされるようにしたいのですがラジオボタンが持っているvalueを取り出せません。下記の「←------???」と書いてあるところを何とかすれば完成だと思うのですが、どなたか教えていただけないでしょうか？ <script language="JavaScript" type="text/JavaScript"> function sjLeft(source,length) { if (source.length < length) { return (""); } return source.substr(0, length); } function sjReplace(source,start,length,target) { sjlen = source.length; if ((start > sjlen) || (start < 0)) { return String(""); } return String(sjLeft(source,start ) + target + source.substr(start+length, sjlen)); } function sjInsert( source, start, target) { return sjReplace(source,start,0,target); } function fcheck(obj) { s1_2value = ??? * new Number(document.form1.n1.value);　←------??? document.form1.s1_2.value = String(s1_2value); document.form1.total.value = s1_2value; return true; } </script> <form name="form1" method="POST"> <table width="400" border="1"> <tr> <td>人数</td> <td></td> <td><input type=text name=n1 size=8 onChange="fcheck(this);">人</td> <td></td> </tr> <tr> td><input name="n2" type="radio" value="13000" onChange="fcheck(this);">食事A</td> <td>\13,000</td> <td>×人数</td> <td><input name=s1_2 type=text size=8 readonly>円</td> </tr> <tr> <td colspan="2"> </td> <td>総計</td> <td><input type=text readonly name=total size=10>円</td> </tr> </table> </form>
- ベストアンサー
- JavaScript

formを利用したGETメソッドでの送信について

formを利用した「GET」methodでの送信について