The debugger successfully displayed the HTML page in the POST response, but it was not visible in the browser when

Question

The debugger successfully displayed the HTML page in the POST response, but it was not visible in the browser when

Having an issue with my connection form that is sending a Post request to a servlet. The servlet then forwards the request to different pages after performing some tests such as password and email verification of the user. However, the problem I am facing is that although I receive the correct page as a response when checking my POST request, it doesn't display in my web browser. Any idea why?

Below is my code:

Sign In Servlet

Code snippet for sign-in servlet goes here...

signIn.jsp

Code snippet for signIn.jsp goes here...

SignIn Class

Code snippet for SignIn class goes here...

In the signIn.jsp file, I have ${connect.error} which should display the error message. However, while using the debugger I can see this message being displayed, but not on my web browser. After the POST request, it seems to stay on the same web page path and only the HTML is shown in the response.

EDIT

Attached below is a screenshot:

https://i.stack.imgur.com/FPOhv.jpg Any assistance on this matter would be highly appreciated.

java angularjs google-app-engine servlets

Answer 1

Answer №1

Although I'm not very familiar with angular, by referring to the w3 site for AJAX, you will need to handle the response in a similar manner:

Make sure to add an ID to your span element (remove ${connect.error} from it):

<span id="somediv"></span>

Include a "then" function for success:

<script type="text/javascript>
        var app = angular.module("AHS", []);
        app.controller("myCtrl", function ($scope, $http, $httpParamSerializerJQLike){
            $scope.userObj = {
                    mail: "",
                    password: "",
            }
            $scope.submitForm = function() {
                  $http({
                     method : 'POST',
                     url : '/', // use relative
                     data: $httpParamSerializerJQLike($scope.userObj),
                     headers: {
                       'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8;'
                     }
                  }).then(function mySuccess(response) {
                      //handle response here
                      console.log(response.data);
                      document.getElementById("somediv").innerHTML = response.data;
                  });
                };
        });
    </script>

As for your servlet code:

public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException{
    signInForm connect = new signInForm();
    User user = connect.validateSignIn(request);
    HttpSession session = request.getSession();

    if (user != null) {
       // request.setAttribute("connect", connect); //what is 'connect' used for here?
        session.setAttribute("sessionUser", user);
       // this.getServletContext().getRequestDispatcher("/restrict_client/client.jsp").forward(request, response); //avoid doing this in AJAX requests.
    }else{
    //request.setAttribute("connect", connect);
     //this.getServletContext().getRequestDispatcher("/signIn.jsp").forward(request, response);
    }
    response.setContentType("text/plain");  // Set content type 
    response.setCharacterEncoding("UTF-8"); 
    response.getWriter().write("hello world");       // Write response body.

}

EDIT:

To learn more about using AJAX and Servlets, check out this helpful answer on StackOverflow:

How to use Servlets and Ajax?

Answer 2

Although I'm not very familiar with angular, by referring to the w3 site for AJAX, you will need to handle the response in a similar manner:

Make sure to add an ID to your span element (remove ${connect.error} from it):

<span id="somediv"></span>

Include a "then" function for success:

<script type="text/javascript>
        var app = angular.module("AHS", []);
        app.controller("myCtrl", function ($scope, $http, $httpParamSerializerJQLike){
            $scope.userObj = {
                    mail: "",
                    password: "",
            }
            $scope.submitForm = function() {
                  $http({
                     method : 'POST',
                     url : '/', // use relative
                     data: $httpParamSerializerJQLike($scope.userObj),
                     headers: {
                       'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8;'
                     }
                  }).then(function mySuccess(response) {
                      //handle response here
                      console.log(response.data);
                      document.getElementById("somediv").innerHTML = response.data;
                  });
                };
        });
    </script>

As for your servlet code:

public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException{
    signInForm connect = new signInForm();
    User user = connect.validateSignIn(request);
    HttpSession session = request.getSession();

    if (user != null) {
       // request.setAttribute("connect", connect); //what is 'connect' used for here?
        session.setAttribute("sessionUser", user);
       // this.getServletContext().getRequestDispatcher("/restrict_client/client.jsp").forward(request, response); //avoid doing this in AJAX requests.
    }else{
    //request.setAttribute("connect", connect);
     //this.getServletContext().getRequestDispatcher("/signIn.jsp").forward(request, response);
    }
    response.setContentType("text/plain");  // Set content type 
    response.setCharacterEncoding("UTF-8"); 
    response.getWriter().write("hello world");       // Write response body.

}

EDIT:

To learn more about using AJAX and Servlets, check out this helpful answer on StackOverflow:

How to use Servlets and Ajax?

The debugger successfully displayed the HTML page in the POST response, but it was not visible in the browser when

Answer №1

Similar questions

What is the process for loading a webpage into another webpage with google app engine?

Guide to setting a limit on image size using get_serving_url

Building a custom DSL expression parser and rule engine

What methods can programming languages use to direct the Lua (or Python) interpreter to run commands specified by the program?

Creating a Docker container to execute Python3 from a Node.js child_process on Google App Engine

The process of saving a model in Django

Is there a continuous integration system available that supports Java, Python, and Ruby?

How to interact with AngularJS drop-down menus using Selenium in Python?

Unlock hidden messages by deciphering the Ascii string values within a lua file that has been

What are the steps to integrate gaeunit 2.0a with my Django application?

What is the reason that dynamic languages do not have a requirement for interfaces?

When using Eclipse, each workspace must have a unique project name in order to save properly

Google Appengine login authorization

Regular expression: Rearrange the order of matches within a capturing group

Encountering a CORS header issue while working with the Authorization header

What causes the differing behaviors of strptime and strftime, and how can you address this discrepancy?

Encountering a coding issue in Arabic when utilizing the requests RESTful client

Google App Engine: “An error occurred: Unable to connect to /_ah/remote_api/Endpoint: 404 error status.”

LibGDX's latest project featuring a vibrant yellow warning triangle