Question

我有一个REST API作为我的后端服务器运行，在数据库中创建一个新条目。添加条目的预期URL将是 http://example.com:3002/createclass/:classid/:classname:/bluetoothid 其中，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>

当我点击提交按钮时，我希望它发送POST请求。

<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>

当我提交此表单时，Is是否相当于这样做？：

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

我做错了吗？

从JSON中的MDL表单发送Post请求

0 个答案: