Question

我正在尝试使用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);
}

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

使用Java，AJAX，使用Rest Web Services将表单数据插入MySQL数据库

1 个答案: