Question

我没有使用 angularjs 将数据传送到我的 restful web 服务

2016-12-30

60

java angularjs web-services

这是我的 angular js 代码，我想在其中将 Json 格式的数据发送到用 java 编写的 restful web 服务。它调用了 web 服务，但我没有得到任何数据。

    <script>
        var app = angular.module("myPost", []);
        app.controller("myControl", function ($scope, $http) {

            $scope.title = "",
                    $scope.rating = "",
                    $scope.feedback = "",
                    $scope.role = "";

            $scope.send = function (title, rating, feedback, role) {
                var feed = {
                    title: title,
                    rating: rating,
                    feedback: feedback,
                    role: role
                };
                var head = {'Content-Type': 'application/json'};
                $http({
                    method: 'POST',
                    url: 'myurl',
                    data: feed,
                    headers: head
                }).success(function (data, status, headers, config) {
                    $scope.users = data;
                }).error(function (data, status, headers, config) {
                    $scope.error = status;
                });
            };
        });
    </script>
</head>
<body ng-app="myPost" ng-controller="myControl">
    <form action="">
        Title: <input type="text" name="title" value="" ng-model="title" />{{title}}<br>
        Rating:<br> <select name="rating" ng-model="rating">
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
        </select><br>
        Feedback: <input type="text" name="feedback" value="" ng-model="feedback"/><br>
        <input type="hidden" name="type" value="article" ng-model="role" />
        <input type="submit" ng-click="send(title, rating, feedback, role)" value="submit" />

这是我的 restful Web 服务，我需要从中获取数据。

@Path("/database")
public class database {

    @Path("/insert")
    @POST
    @Consumes(MediaType.APPLICATION_JSON)
    @Produces(MediaType.APPLICATION_JSON)
    public String insert(@QueryParam("title") String title,
            @QueryParam("rating") int rating,
            @QueryParam("feedback") String feedback,
            @QueryParam("role") String role) {
        Data d = new Data();
        d.setTitle(title);
        d.setRating(rating);
        String response = new Gson.toJson(d);
    }

return response;

Answer 1

您不应使用 @QueryParam ，因为您不使用 GET 方法，而是使用 POST 方法。使用 POST ，您不会随 URL 传输查询参数，但会传输包含在请求正文中的数据。

因此，从其余控制器端，要检索信息，您可以将 Data 类用作参数，前提是该类包含与发送的参数名称和值匹配的字段和字段类型。

@Path("/insert")
@POST
@Consumes(MediaType.APPLICATION_JSON)
@Produces(MediaType.APPLICATION_JSON)
public String insert(Data data) {
   ...
}

Answer 2

您应该这样做：

$scope.users = data;

而不是这样：

$scope.users = status;

状态只是请求的响应代码。希望这有帮助）