Javascript でサブミット(GET or POST)する

Pocket

ここでは、Javascript でサブミットする場合サンプルスクリプトを掲載しています。 詳細はサンプル内のコメントを参照ください。

スポンサーリンク

Javascript で submit するサンプル

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
 <title>Javascript でサブミットする</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <script type="text/javascript">
 <!--
 function mySubmit(formName, url, method)
 {
   // サブミットするフォームを取得
   var f = document.forms[formName];

   f.method = method; // method(GET or POST)を設定する
   f.action = url; // action(遷移先URL)を設定する
   f.submit(); // submit する
   return true;
 }
 // -->
 </script>
 </head>
 <body>
   <form name="myForm" action="form.html" method="GET">
     <!--
     サブミットボタン(type="submit")の場合は form タグに記述されている方法で遷移する
     もちろん Javascript で遷移先を変更させることなども可能(後述)
     -->
     <input type="submit" value="サブミットボタン"><br />

     <!--
     ボタン(type="button")の場合は勝手にサブミットされることはないので
     ボタンクリック時に遷移させるには Javascript で行う必要がる
     -->
     <input type="button" value="ただのボタン" onclick="return mySubmit('myForm', 'form.html', 'POST');">
   </form>
 </body>
</html>

趣味の時間

わたしの友人は趣味でこのような絵を描いています。人の趣味にとやかく言う気はありませんが、やはり理解に苦しみます。そんなことより、呑みに行こーぜ!!

スポンサーリンク

Pocket

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>