如何在 HTML5 中定义将数据发送到 Action URL 的 HTTP 方法?

毫无疑问，Web 开发的基本方面之一就是能够与服务器交互并向 Web 应用程序传输数据。在 HTML5 中，这一功能通过定义将数据传送到 Action URL 的 HTTP 方法来实现。选择合适的方法这一关键过程会显著影响 Web 应用程序的效率和安全性。因此，对于希望创建具有弹性且安全的 Web 应用程序的开发人员来说，了解可用的各种 HTTP 方法及其在 HTML5 中定义它们的方法至关重要。

POST 和 GET 请求方法

客户端和服务器之间常用于数据传输的 HTTP 请求方法是 POST 和 GET。在 POST 请求中，数据在请求的消息正文中传输，在 URL 中不可见。此方法通常用于从表单提交数据，并且可用于在服务器上创建新资源或更新现有资源。相反，GET 请求通过将参数附加到请求的 URL 来向服务器请求数据。数据在 URL 中可见，此过程通常用于从服务器检索数据。GET 方案主要用于从服务器获取数据。

方法

要在 HTML5 中设置将数据发送到 action URL 的 HTTP 方法，请按以下步骤操作 -

• 在 <body> 令牌内构造一个 <form> 元素，以生成一个包含一组实现的文档，这些实现将封装用于数据的输入工具。

• 为了确定将加载数据的文档的 URL，请将"action"特性附加到 <form> 元素。对象，同时使用"method"属性定义要使用的超文本传输协议方法(GET 或 POST)。

• 为 <form> 工具中的每个输入小部件创建一个 <label> 实体，以便对其进行适当的标记，并使用"for"属性将其链接到相应的输入小部件，该属性链接到输入小部件的"id"属性。

• 使用 <input> 工具生成文档所需的输入字段，实现"type"特性以指定输入字段的类型(文本、密码等)，并使用"name"属性为输入字段指定名称。

• 为了授权客户端将数据转发到指定的统一资源定位器，请创建一个 <input> 工具，并使用设置为"submit"的"type"特性，从而将传输按钮附加到文档。该按钮将使客户端能够通过选择它来传输数据。

示例 1:POST 请求

上述代码使用 <form> 工具生成一个文档，其中包含用于用户身份识别的工具、安全措施以及用于将数据传输到特定 URL 的小工具。"action"属性指示将数据发送到的 URL。"method"属性设置用于传输数据的 HTTP 方法，在本例中为"POST"。

每个单独的输入设备都使用 <label> 标签提供一个标识，并使用"for"属性将该标识与相应的输入设备互连，该属性指向输入设备的"id"属性。<input> 元素设置输入小工具，"type"属性指定设备的类别，例如文本、密码或提交。每个输入小工具都有一个专属的"id"和一个"name"属性。

<!DOCTYPE html>
<html>
   <head>
      <title>How to define the HTTP method for sending data to the action URL in HTML5?</title>
   </head>
   <body>
      <h4>How to define the HTTP method for sending data to the action URL in HTML5?</h4>
      <form action="form.php" method="POST">
         <label for="username">Username:</label>
         <input type="text" id="username" name="username">
         <label for="password">Password:</label>
         <input type="password" id="password" name="password">
         <input type="submit" value="Submit">
      </form>
   </body>
</html>

示例 2:GET 请求

上述代码使用 <form> 工具生成一个文档，其中包含用户身份识别工具、安全措施以及用于将数据传输到特定 URL 的小工具。"action"属性指示数据将发送到哪个 URL。"method"属性设置用于传输数据的 HTTP 方法，在本例中为"GET"。

每个单独的输入设备都使用 <label> 标签提供一个标识，并使用"for"属性将该标识与相应的输入设备连接起来，该属性指向输入设备的"id"属性。<input> 元素设置输入小工具，其中"type"属性指定设备的类别，例如文本、密码或提交。每个输入小工具都有一个唯一的"id"和"name"属性。

<!DOCTYPE html>
<html>
   <head>
      <title>How to define the HTTP method for sending data to the action URL in HTML5?</title>
   </head>
   <body>
      <h4>How to define the HTTP method for sending data to the action URL in HTML5?</h4>
      <form action="form.php" method="GET">
         <label for="username">Username:</label>
         <input type="text" id="username" name="username">
         <label for="password">Password:</label>
         <input type="password" id="password" name="password">
         <input type="submit" value="Submit">
      </form>
   </body>
</html>

结论

总而言之，在 HTML5 中，定义将数据传送到 Action URL 的相关 HTTP 方法是 Web 开发的关键阶段。通过选择正确的方法，开发人员可以提高其 Web 应用程序的效率和安全性。务必考虑可用的 HTTP 方法的多样性及其相应的特性，以便为您的应用程序选择最合适的方法。此外，遵循 Web 协议和先进的方法可以确保您的 Web 应用程序值得信赖且可靠。通过部署这些策略，开发人员可以构建可靠且安全的 Web 应用程序，并提供卓越的用户体验。