More than 5 years have passed since last update.

JavaScriptでFORMを作って送信するサンプル

JavaScript

Last updated at 2016-05-13Posted at 2016-05-11

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script><!--
  window.onload = function() {
    var form = document.createElement('form');
    form.action = 'https://www.google.co.jp/search';
    form.method = 'get';

    var q = document.createElement('input');
    q.value = 'weather';
    q.name = 'q';

    form.appendChild(q);
    document.body.appendChild(form);

    form.submit();
  }
//-->
</script>

</head>
<body>

</body>
</html>

ですが、サーバからのレスポンスが遅いとわかるのですが、レスポンスが返ってくるまでの間、スクリプトで追加した要素がページに追加されて見えてしまいます。これを回避するのに、非表示のDIV要素の中にFORMをおく方法が思いつき、効果があることを確認しました。

それよりも、パラメータを格納する要素をINPUTからHIDDENにするのが手っ取り早い、というか正解なのだと思います。

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up