エンジニア日記

日々の開発あれこれ

クリックしたらJavascriptでフォームを作成し、POST送信する

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script>
  function post_form(post_url){
      var form = document.createElement('form');
      document.body.appendChild(form);

      var hoge_value = document.createElement('input');
      hoge_value.setAttribute('type', 'hidden' );
      hoge_value.setAttribute('name', 'hoge' );
      hoge_value.setAttribute('value' , 123);
      form.appendChild(hoge_value);

      var fuga_value = document.createElement('input');
      fuga_value.setAttribute('type', 'hidden' );
      fuga_value.setAttribute('name', 'fuga' );
      fuga_value.setAttribute('value' , 'abcde');
      form.appendChild(fuga_value);

      form.setAttribute('method', 'post');
      form.setAttribute('action', post_url);
      form.submit();
  }
</script>
<a href="javascript:void();" onclick="post_form('http://example.com/test'); return false;">送信</a>