Ajax jQuery empty request

Ajax jQuery empty request

In my simple login page to send the login information to the servlet, and in response receives one parameter which is interpreted in jQuery.

Data is sent correctly, go to the servlet which also sets the parameter correctly what I see in firebug in response header.

The problem is when I want to download den parameter to a javascript variable. The request object is empty, while in chrome incpect see alert: Uncaught TypeError: Object has no method 'getResponseHeader'. When I display it using console.log () does not return anything to me, no value.


  • <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    5. <meta charset="utf-8">
    6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7. <meta name="description" content="">
    8. <meta name="author" content="">
    9. <link rel="shortcut icon" href="../../assets/ico/favicon.png">
    10. <link
    11. href="http://minikomi.github.io/Bootstrap-Form-Builder/assets/css/lib/bootstrap.min.css"
    12. rel="stylesheet">
    13. <link
    14. href="http://minikomi.github.io/Bootstrap-Form-Builder/assets/css/lib/bootstrap-responsive.min.css"
    15. rel="stylesheet">
    16. <link
    17. href="http://minikomi.github.io/Bootstrap-Form-Builder/assets/css/custom.css"
    18. rel="stylesheet">
    19. <script src="http://code.jquery.com/jquery-2.0.3.js"></script>
    20. <script src="../js/jquery.validate.js"></script>


    23. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    24. <title>Logowanie</title>

    26. <!-- Bootstrap core CSS -->
    27. <link href="../css/bootstrap.min.css" rel="stylesheet">

    29. <!-- Custom styles for this template -->
    30. <link href="../css/signin.css" rel="stylesheet">

    32. <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    33. <!--[if lt IE 9]>
    34.       <script src="../../assets/js/html5shiv.js"></script>
    35.       <script src="../../assets/js/respond.min.js"></script>
    36.     <![endif]-->
    37. </head>

    39. <body>

    41. <div class="container">

    43. <form class="form-signin" action="Login" method="post">
    44. <h2 class="form-signin-heading">Logowanie</h2>
    46. <input type="email" name="email" class="form-control" id="email"
    47. placeholder="Adres email" autofocus>
    50. <input type="password" id="password"
    51. name="password" class="form-control" placeholder="Haslo">


    54. </form>
    55. <button id="zaloguj" value="zaloguj" class="btn btn-success btn-large">
    56. <i class="icon-white icon-th-list"></i>Zaloguj
    57. </button>

    59. </div>
    60. <!-- /container -->


    63. <!-- Bootstrap core JavaScript
    64.     ================================================== -->
    65. <!-- Placed at the end of the document so the pages load faster -->

    67. <script type="text/javascript">

    69. $('#zaloguj').click(function() {
    70. var email = $("#email").val();
    71. var password = $("#password").val();
    73. console.log(email+password);
    74. var data = "email=" + email + "&password=" + password;
    75. $.ajax({
    76. url : "Login",
    77. type : "POST",
    78. data : data,
    80. success : function(request) {
    81. console.log(request);
    82. var log = request.getResponseHeader("log");
    83. console.log(log);
    85. if (log == 1) {
    87. $( ":header" ).after("Poprawne logowanie").css({ background: "#ccc", color: "green" });
    88. document.location.href = '/landing.html';
    89. } else {
    90. $( ":header" ).after("Błędne logowanie").css({ background: "#ccc", color: "red" });
    91. }
    92. },

    94. });

    96. });
    97. </script>
    98. </body>
    99. </html>