使用Spark Java为图书馆管理系统构建Restful Web服务_Java_Jquery_Html_Ajax

使用Spark Java为图书馆管理系统构建Restful Web服务

java jquery html ajax

使用Spark Java为图书馆管理系统构建Restful Web服务,java,jquery,html,ajax,Java,Jquery,Html,Ajax,我对Spark Java是新手。我用Java编写了一个带有get和post方法的图书馆管理系统。我制作了一个HTML表单，它获取用户信息并创建用户，这些用户存储在Java对象的ArrayList中。当我调用get方法返回通过ajax创建的用户对象列表时，不会返回任何内容。成功或错误都不会产生任何结果但当我简单地把url放在我得到以下输出： [{"id":1,"firstName":"Bhavya","lastName":"Chauhan","age":"22","gender":"F","p

我对Spark Java是新手。我用Java编写了一个带有get和post方法的图书馆管理系统。我制作了一个HTML表单，它获取用户信息并创建用户，这些用户存储在Java对象的

ArrayList

中。当我调用get方法返回通过ajax创建的用户对象列表时，不会返回任何内容。成功或错误都不会产生任何结果

但当我简单地把url放在我得到以下输出：

[{"id":1,"firstName":"Bhavya","lastName":"Chauhan","age":"22","gender":"F","phone":"1234567890"},
{"id":2,"firstName":"Rashi","lastName":"Chauhan","age":"20","gender":"F","phone":"1233455677"}]

我已经附上了我的html和Spark java代码。提前谢谢

<!DOCTYPE html>
<html>
<head>
<title>Text Input Control</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<meta charset="utf-8"/>
</head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>    <script type="text/javascript"></script>

<script>

    $(function () {

        $("#userGet").click(function(){
            alert("Here");
            $.ajax({
                type: 'GET',
                url: 'http://localhost:4567/users',
                crossDomain: true,
                data: '',
                dataType: 'jsonp',
                async:false,
                success: function(responseData) {
                    //$("#divid").html(+responseData); 
                    alert("hi");
                },
                error: function(jqXHR, exception) {
                    if (jqXHR.status === 0) {
                        alert('Not connect.\n Verify Network.');
                    } else if (jqXHR.status == 404) {
                        alert('Requested page not found. [404]');
                    } else if (jqXHR.status == 500) {
                        alert('Internal Server Error [500].');
                    } else if (exception === 'parsererror') {
                        alert('Requested JSON parse failed.');
                    } else if (exception === 'timeout') {
                        alert('Time out error.');
                    } else if (exception === 'abort') {
                        alert('Ajax request aborted.');
                    } else {
                        alert('Uncaught Error.\n' + jqXHR.responseText);
                    }
                }

        });

    });

});

</script>

<body>

<h2>Library Management System </h2>
<button>Get Stuff</button>
<form>
    <h3>Manage Users </h3>
    <input type=button onClick="location='CreateUser.html'" value='Create User'>
    <br><br>
    <input type=submit id="userGet" value='Get All Users'>
    <br><br>
    <input type=button onClick="location='UpdateUser.html'" value='Update User'>
    <br><br>
</form>
<form action="http://localhost:4567/books" method="GET">
    <h3>Manage Books </h3>
    <input type=submit value='Get All Books'>
    <br><br>
    <input type=button onClick="location='FindBookByName.html'" value='Find Book By Name'>
    <br><br>
    <input type=button onClick="location='AddBook.html'" value='Add Book'>
    <br><br>
    <input type=button onClick="location='CheckOutBook.html'" value='Check Out Book'>
    <br><br>
</form>

<div id="divid"></div>

</body>
</html>

什么都不退是什么意思？它是否转到错误回调？成功的回调？更具体地说，它既不打印成功警报，也不打印错误警报。当我单击getAllUsers按钮获取json时，我得到了一个错误。\u recipeManager是NULTH，这是JavaScript还是Java错误？听起来好像recipeManager没有定义或没有初始化。我使用了免费引擎生成器，创建了模板，而不是html文件，因为我无法使用Ajax。Ajax有没有可能不适用于Spark框架？还是跨域问题？

import static spark.Spark.*;
public class UserController extends JsonUtil
{
    public UserController(final UserService userService)
    {
        System.out.println("in user controller");
        get("/users", (req, res) -> userService.getAllUsers(), json());
        get("/books", (req, res) -> userService.getAllBooks(), json());
        post("/users", (req, res) -> userService.createUser(req.body()), json());
        post("/users/:id", (req, res) -> userService.updateUser(req.body()),json());
        post("/books", (req, res) -> userService.addBook(req.body()), json());
        post("/books/:name", (req, res) ->     userService.findBookByName(req.body()),json());
        post("/checkedOut", (req, res) -> userService.checkOutBook(req.body()), json());
    }
}