将表单的内容发布到 rest api

POST contents of a form to rest api

本文关键字：rest api 表单      更新时间：2023-09-26

我做了一个html用户登录表单：

<html >
<head>
<title>User Login</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/signin.css">
</head>
<body>
<div class="container">
<form class="form-signin">
<h2 class="form-signin-heading">Please sign in</h2>
<input class="form-control" type="text" autofocus="" required="" placeholder="Email address">
<input class="form-control" type="password" required="" placeholder="Password">
<label class="checkbox">
</label>
<a href= "" <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button></a>
</form>
</div>
</body>
</html>

我现在需要将表单的内容（即用户名和密码）发送到 rest api，以便使用 http POST 命令进行身份验证。我不知道从哪里开始，并且很难找到一个完全不了解 rest API 和 http 命令的教程。我对 Web 开发非常陌生，任何人都可以指出我一个好的教程的方向，或者给我看一个 javascript （我认为）可能是什么样子的例子？

首先修复你的 HTML。 那么使用下面的JavaScript就不需要了：

<form class="form-signin" method="POST" action="URL_OF_REST">
  <h2 class="form-signin-heading">Please sign in</h2>
  <input class="form-control" type="text" required name="email" placeholder="Email address">
  <input class="form-control" type="password" required name="password" placeholder="Password">
  <label class="checkbox"></label>
  <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
</form>
相关文章：