使用jQuery避免表单操作捕获错误

我想使用jQuery将数据标准名称保存到数据库中，但不需要使用表单

th:action

和重定向

我试过这个，但发现了错误

如果您知道此错误的原因，请在此处解释

Thymeleaf代码

<form action="#"  >
<table>
<h1>Create Standard</h1>
<tr>
<td>Standard Name:</td>
<td><input type="text" th:value="${standardName}" placeholder="Enter Standard Name" required="required"id="std" name="stdName"/></td></tr>
<td><input type="submit"  class="btn btn-primary" value="Create" id="savebutton" name="save" /></td>
</table>
</form>

}

捕获错误：

---

未捕获引用错误：未定义standardName

这是因为您没有使用name

standardName

声明变量，您可以按如下方式修复

$(document).ready(function(){
    $("#savebutton").click(function(){

        $.ajax({
            type : 'POST',
            url : "/learnware/saveStandards.html ",
            data : ({
                std : $('#std').val()
            })

        });

    });
});

---

这是因为您没有使用名称

standardName

声明变量，您可以按如下方式进行修复

$(document).ready(function(){
    $("#savebutton").click(function(){

        $.ajax({
            type : 'POST',
            url : "/learnware/saveStandards.html ",
            data : ({
                std : $('#std').val()
            })

        });

    });
});

500（内部服务器错误）发生500（内部服务器错误）发生

$(document).ready(function(){
    $("#savebutton").click(function(){

        $.ajax({
            type : 'POST',
            url : "/learnware/saveStandards.html ",
            data : ({
                std : $('#std').val()
            })

        });

    });
});