ssm框架前端ajax与后台交互

前端html代码：

    <a href="javascript:;" onclick="resetPassword('111')">重置密码</a>

前端script代码:

/**
*引入js
*/
<script th:src="@{static/webcampus/jquery/jquery-3.4.1.min.js}" charset="utf-8"></script>
<script type="text/javascript">
    function resetPassword(username) {
        if(confirm("确定重置这个账号的密码吗？")) {
            $.ajax({
                url: "resetPassword",//请求地址
                async: false,  //异步加载（当async属性的值为false时是同步的，Ajax请求将整个
//浏览器锁死，只有ajax请求返回结果后，才执行ajax后面的alert语句。
//当async属性的值为true时是异步的，即不会等待ajax请求返回的结果，会直接执行ajax后面的alert语
//句。）
                data: JSON.stringify({"username": username}), //参数
                type: "POST",//提交方式
                contentType: 'application/json;charset=UTF-8',
                dataType: "json",
                success: function (data) {
                    //请求成功后
                    if (data.data != null && data.data != 0) {
                        alert("重置成功");
                    } else {
                        alert("重置失败")
                    }
                }
            });
        }
    }
</script>

后台接收代码：

@PostMapping("/resetPassword")//也可以用    @RequestMapping("/resetPassword")
    @ResponseBody
    public int resetPassword(@RequestBody JSONObject json){
        JSONObject jsonObject = JSONObject.parseObject(json.toJSONString());
        String username = jsonObject.getString("username");
        int i=  accountService.resetPassword(username);
        return i;
    }