Java Servlet not returning object to Angular $http.success method

Question

I am learning Angular.js. I tried to search many existing questions but could not find one matching question or answer.

I am sending a GET request to a java servlet and expecting an object from it. Here is the angular $http GET request

        $http({
            method:'GET',
            url : '/JSONWebApp/json/?fqn=' + $scope.fqn
        }).
            success(function(data, status, header, config){
                console.log('Success');
                console.log("data - "+data);
                console.log("status - " + status);
                console.log("header - " + header);
                console.log("config - " + config);
            }).
            error(function(data, status, header, config){
                console.log('Error');
            });

On java servlet, here is what I write in doGet method

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
       System.out.println("Incoming Request URI : " + request.getRequestURI());

   **User user = new User();
         request.setAttribute("user", user);
   RequestDispatcher view = request.getRequestDispatcher("/html/index.html");
   view.forward(request, response);**
}

When the response is returned from this servlet, it goes to success of $http service in angular side. From where I will get the user object which I sent from server.

When I add the console.log to print the data, it prints the /html/index.html contents which is where I am forwarding.

Based on my research, my angular code is correct but I am not setting things correctly in java servlet.(Does this help - How to access json return values in angular.js action success callback)

Thanks in advance.

Nery Jr · Accepted Answer · 2014-12-16 00:14:31Z

4

Add the following line to the $http object: headers: {'Content-Type': 'application/x-www-form-urlencoded'}
Use POST method instead of GET method: 'POST'

So in the end, we came up with something like this:

myData = {"name": "zezinho", "pass": "123xxx"};

$http({
  method: 'POST',
  url: 'Login',
  data: myData,
  headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}).success(function (data) {
  alert(data);
}).error(function () {
  alert("login error");
});

answered Dec 16, 2014 at 0:14

Nery Jr

4,0271 gold badge28 silver badges24 bronze badges

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

Comments

Loc Nguyen · Accepted Answer · 2014-02-26 20:27:49Z

0

You need to serialize your User object into a JSON string and put that in the response body. A library like Jackson can help but before you add that in and confusing yourself more just serialize it into a JSON string yourself. Don't forget to set the Content-Type header.

edited Feb 26, 2014 at 20:27

answered Feb 26, 2014 at 13:56

Loc Nguyen

9,5925 gold badges24 silver badges27 bronze badges

3 Comments

RajaM Over a year ago

JSON is fine but how do we write it to request body in servlet?

Loc Nguyen Over a year ago

I have not worked with the servlet API directly for a long time but it will be something similar to response.getWriter().print("{\"name\": \"RajaM\"}"). Also, do you need to use Servlets? If it's not a business requirement there are easier ways to create a JSON API.

RajaM Over a year ago

That's actually correct. I was able to send JSON to angular. Just one correction: In addition to writing json to response.writer we do not have to dispatch to any of the view otherwise will will again be sending the html page as data. We just have to flush out the writer after setting the json to response. Thanks Loc.

Collectives™ on Stack Overflow

Java Servlet not returning object to Angular $http.success method

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related