Javascript 从JSON格式的MDL表单发送Post请求

我有一个RESTAPI作为后端服务器运行，它在数据库中创建一个新条目。 添加条目的预期URL为 其中，classid、classname和bluetoothid是输入

在客户端，我试图从html表单中获取用户的输入。 这是我的HTML表单相关代码片段：

<form name ="createclass" id="createclass" method="POST" action="#">
<div class="mdl-textfield mdl-js-textfield">
<input class="mdl-textfield__input" name = "classid" type="text" id="classid" />
<label class="mdl-textfield__label" for="username">Class ID</label>
</div>
<div class="mdl-textfield mdl-js-textfield">
<input class="mdl-textfield__input" name = "classname" type="text" id="classname" />
<label class="mdl-textfield__label" for="userpass">Class Name</label>
</div>
<div class="mdl-textfield mdl-js-textfield">
<input class="mdl-textfield__input" name = "bluetoothid" type="text" id="bluetoothid" />
<label class="mdl-textfield__label" for="username">Bluetooth ID</label>
</div>
</div>
<div class="mdl-card__actions mdl-card--border">
<input class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored" type="submit" style="lign-items: center;justify-content: center;">
<i class="material-icons">add</i>
</button>
</form>

---

我做错了什么吗？

console.log您是否得到了表单控制台和html表单标签type=“submit”您忘了我这么想了

<script>
    $(document).ready(function(){
      $("creatclsbtn").click(function(){
        var MyForm = $("#ajaxform").serializeJSON();
        console.log(MyForm);
        $.ajax(
          {
            url : "http://example.com:3002/createclass",
            type: "POST",
            data : MyForm,
            dataType: json,
            success:function(maindta)
          {
            alert(maindta);
          }
          });
    </script>

curl -X POST "http://example.com:3002/createclass/220/Networks/1233"