使用 Java、AJAX 使用 Rest Web 服务将表单数据插入 MySQL 数据库答案

【问题标题】：Insert form data into MySQL database using Rest Web Services using Java, AJAX使用 Java、AJAX 使用 Rest Web 服务将表单数据插入 MySQL 数据库
【发布时间】：2018-09-01 08:51:34
【问题描述】：

我正在尝试使用 HTML 表单将记录插入 MySQL 数据库。我正在使用 AJAX 在 Java 中调用 Web 服务。但它不起作用。它给出了一个错误的警报。当我尝试使用 POSTMAN 时，它工作正常。但是使用 AJAX 它不起作用。有谁能够帮我？提前致谢。

Add.jsp 中的代码

    <body>
        <form id="submit">
            Username:<br>
            <input type="text" name="username"><br>
            Email:<br>
            <input type="email" name="email"><br><br>
            Password:<br>
            <input type="text" name="password"><br><br>

            <input type="submit" value="Submit">
        </form>
    </body>

    <script type="text/javascript">
            $(document).ready(function() {
                $("#submit").submit(function(event) {
                    event.preventDefault();

        $.ajax({
            type: "POST",
            url:  "http://localhost:8080/WebService/webresources/users/insert",
            data: formToJSON(),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(data) 
            {
                alert('Success');
            },
            error: function(jqXHR, textStatus, errorThrown) 
            {
                alert('Error: ' + textStatus);
            }
        });
    });
});

    function formToJSON() 
    {
        return JSON.stringify
        ({
            "username": $('#username').val(),
            "email": $('#email').val(),
            "password": $('#password').val()
        });
    };
    </script>

服务中的代码

@POST
@Consumes(MediaType.APPLICATION_JSON)
@Path("/insert")
public boolean insertUsers(String content)
{
     Gson g = new Gson();
     Users u = (Users) g.fromJson(content, Users.class);

     UsersDAO dao = new UsersDAO();
     return dao.insertUsers(u);
}

【问题讨论】：

Users 类里面有什么？你用过调试器吗？
@NikolayShevchenko Getter 和 Setter 在那里。

标签： java mysql json ajax

【解决方案1】：

您必须为所有输入字段添加id。

试试这个。

<body>
        <form id="submit">
            Username:<br>
            <input type="text" id="username" name="username"><br>
            Email:<br>
            <input type="email" id="email" name="email"><br><br>
            Password:<br>
            <input type="text" id="password" name="password"><br><br>

            <button id="submit">Save</button>
        </form>
    </body>

在这一点上，你必须改变这一点，

$("#submit").submit(function(event)

进入这个，

$("#submit").click(function(event)

【讨论】：