如何从html表单获取字符串并存储到JSON？

Question

我正在编写一个注册网站，布局完成了html和css，但我不知道如何从html代码中获取用户名，电子邮件和密码并将它们组合起来创建一个JSON要发送到服务器的文件。

<form action="#">
  <div class="form-group">
    <label for="username">Username</label>
    <input class="form-control" type="text" name="username" id="username" placeholder="biker" required />
  </div>
  <div class="form-group">
    <label for="email">Email</label>
    <input class="form-control" type="text" name="email" id="email" placeholder="biker@gmail.com" required />
  </div>
  <div class="form-group">
    <label for="password">Password</label>
    <input class="form-control" type="password" name="password" id="password" placeholder="********" required />
  </div>
  <div class="form-group">
    <label for="passwordRepeat">Repeat Password</label>
    <input class="form-control" type="password" name="passwordRepeat" id="passwordRepeat" placeholder="********" required />
  </div>
  <div class="m-t-lg">
    <ul class="list-inline">
      <li>
        <input class="btn btn--form" type="submit" value="Register" id="registerbtn" />
      </li>
      <li>
        <a class="signup__link" href="#">I am already a member</a>
      </li>
    </ul>
  </div>
</form>  

我听说使用javascript和jquery可以做到这一点，但我还没有学过Javascript，所以我做了所有的搜索，但仍然没有运气。