How to send java object in angular JS

Question

I have JS file that is trying to do a POST method, but needs a specific java object as input.

here is the signature of the Post method in the server:

@Path("/branches")
public class BranchResource {

@POST
@Produces(MediaType.APPLICATION_JSON)
@Consumes(MediaType.APPLICATION_JSON)
public Response post(BranchDescriptor branch) {
.
.

here is the the JS function (using Angular)

$scope.retry = function() {
    $http({
           url : "rest/branches",
           method : "POST",
           dataType : "json",//not sure is needed
           data : "way to get Branch descriptor "
           headers : {
                 "Content-Type" : "application/json; charset=utf-8",
                 "Accept" : "application/json"
           }
    }).success(function(data) {
           $scope.items = data;
    }).error(function(data) {
           alert('err');
    });
 };

I was receiving the following errors:

??? 27, 2014 3:27:48 PM com.sun.jersey.spi.container.ContainerRequest getEntity
SEVERE: A message body reader for Java class    xxx.api.BranchDescriptor, and Java type class xxx.BranchDescriptor, and MIME media type application/octet-stream was not found.
The registered message body readers compatible with the MIME media type are:
application/octet-stream ->
  com.sun.jersey.core.impl.provider.entity.ByteArrayProvider
  com.sun.jersey.core.impl.provider.entity.FileProvider
  com.sun.jersey.core.impl.provider.entity.InputStreamProvider
  com.sun.jersey.core.impl.provider.entity.DataSourceProvider
  com.sun.jersey.core.impl.provider.entity.RenderedImageProvider
*/* ->

So, I tried to add a data like that:

data : { "_protectedBranch" : "pf_something", "_newBranch" : "some_branch", "_commitId" : "some_commit", "_commiter" : "someone" },

and got the following error:

??? 27, 2014 3:42:46 PM com.sun.jersey.spi.container.ContainerResponse mapMappableContainerException
SEVERE: The exception contained within MappableContainerException could not be mapped to a response, re-throwing to the HTTP container
org.codehaus.jackson.map.exc.UnrecognizedPropertyException: Unrecognized field "_protectedBranch" (Class xxx.BranchDescriptor), not marked as ignorable
 at [Source: HttpInputOverHTTP@66aee27d; line: 1, column: 22] (through reference chain: xxx.BranchDescriptor["_protectedBranch"])
    at org.codehaus.jackson.map.exc.UnrecognizedPropertyException.from(UnrecognizedPropertyException.java:53)

How can I Pass the BranchDescriptor object for sending? What am I missing?

What you are trying to do doesn't make much sense. You can't create Java object inside (at least client side) JS. Note, that Java and JavaScript have nothing in common. What you do is to use a REST service and pass the properties required to your Java function and then create the object within the Java server code. — dirkk
– dirkk, Commented Aug 27, 2014 at 11:13

soninob · Accepted Answer · 2014-08-28 08:49:23Z

1

OK, found out what I was missing, it was just a way of creating the branch and send it to the data in the http:

var branch = {
            protectedBranch:"some_branch",
            newBranch:"some_branch",
            commitId: "some_commit",
            commiter:"some_commiter"
    }
    $scope.retry = function() {
        $http({
               url : "rest/branches",
               method : "POST",
               data : branch,
               headers : {
                     "Content-Type" : "application/json; charset=utf-8",
                     "Accept" : "application/json"
               }
        }).success(function(data) {
               $scope.items = data;
        }).error(function(data) {
               alert('err');
        });

hope it will be help to others.

answered Aug 28, 2014 at 8:49

soninob

46612 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pramod Karandikar · Accepted Answer · 2014-08-27 11:09:22Z

0

You need to pass a javascript object in data like this : data: {param1: param1value, param2: param2value}

answered Aug 27, 2014 at 11:09

Pramod Karandikar

5,3377 gold badges45 silver badges75 bronze badges

1 Comment

soninob Over a year ago

I tried it and got the above Error, did I miss something?

Community · Accepted Answer · 2020-06-20 09:12:55Z

0

You don't need the dataType and you can try sending an object instead of string like that:

$http({
   url : "rest/branches",
   method : "POST",
   data : {branch : "way to get Branch descriptor" },
   headers : {
        "Content-Type" : "application/json; charset=utf-8",
        "Accept" : "application/json"
   }
})

In the docs:

The $http service will automatically add certain HTTP headers to all requests.

Accept: application/json, text/plain, * / *

Content-Type: application/json

Angular js sends the request with the above headers unlike jQuery which sends this:

'application/x-www-form-urlencoded; charset=UTF-8'

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Aug 27, 2014 at 11:07

Jai

74.8k12 gold badges76 silver badges104 bronze badges

1 Comment

soninob Over a year ago

I did try something like that as you can see in the edit Q. I missing something, how can I pass the branch descriptor as properties if is is not string?

Collectives™ on Stack Overflow

How to send java object in angular JS

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related