FORM モジュールのアクション: POST および GET

属性 method 要素で <form> サーバーへのデータの送信方法を指定します。

HTTP メソッドは、サーバーに送信されたデータに対して実行するアクションを宣言します。 HTTP プロトコルにはいくつかのメソッドが用意されており、HTML フォーム要素は XNUMX つのメソッドを使用してユーザー データを送信できます。

• 方法 GET : 指定されたリソースからデータを要求するために使用されます
• 方法 POST : サーバーにデータを送信してリソースを更新するために使用されます

この方法 GET

HTML GET メソッドは、サーバーからリソースを取得するために使用されます。 

エスペニションごとに：

<form method="get" action="www.bloginnovazione.it/search">
    <input type="search" name="location" placeholder="Search.." />
    <input type="submit" value="Go" />
</form>

上記のフォームを確認したら、 Italy 入力フィールドでは、サーバーに送信されるリクエストは www.bloginnovazione.it/search/?location=Italy.

HTTP GET メソッドは、クエリ文字列を URL の末尾に追加して、データをサーバーに送信します。 クエリ文字列はペアの形式です key=value 記号の前に ? .

URL から、サーバーはユーザーによって送信された値を解析できます。

• 鍵 - 場所
• 価値 -Italy

この方法 POST

HTTP POST メソッドは、さらに処理するためにデータをサーバーに送信するために使用されます。 例えば、

<form method="post" action="www.bloginnovazione.it/search">
    <label for="firstname">First name:</label>
    <input type="text" name="firstname" /><br />
    <label for="lastname">Last name:</label>
    <input type="text" name="lastname" /><br />
    <input type="submit" />
</form>

フォームを送信すると、サーバーに送信されるリクエストの本文にユーザー入力データが追加されます。 リクエストは次のように入力されます。

POST /user HTTP/2.0
Host: www.bloginnovazione.it
Content-Type: application/x-www-form-urlencoded
Content-Length: 33

firstname=Robin&lastname=Batman

送信されたデータは、ユーザーには簡単に表示されません。 ただし、ブラウザー開発者ツールなどの特別なツールを使用して、送信されたデータを制御できます。

メソッド GET e POST 比較において

• GET メソッド
  • GET メソッドで送信されたデータは URL に表示されます。
  • GET リクエストはブックマークできます。
  • GET リクエストはキャッシュできます。
  • GET リクエストの文字数制限は 2048 文字。
  • GET 要求では ASCII 文字のみが許可されます。
• POST メソッド
  • POST メソッドで送信されたデータは表示されません。
  • POST リクエストはブックマークできません。
  • POST リクエストはキャッシュできません。
  • POST リクエストには制限がありません。
  • POST リクエストではすべてのデータが許可されます

Ercole Palmeri