Отправка ajax post запроса к сервлету

305

02 мая 2017, 05:11

Не могу никак отправить простейший запрос к сервлету средствами jQuery. Но при это если отправляю через форму, то все работает на ура. Ниже привожу index.html, из которого хочу отправить логин пользователя. login.js, в котором формирую сам запрос, SerletStore.java сам сервлет. И структура всего проекта.

$(document).ready( function(){
    $("#login-submit").click(function(){
        var data = {
            username: $("#user").prop("value")
        }
        $.ajax({
            method: "POST",
            url: "http://localhost:8080/ChallengeClient/store",
            data: {
                username: $("#user").prop("value")
            },
            success: function(data) {
                alert('Success');
            },
            error:  function(xhr, str){
                alert('Возникла ошибка: ' + xhr.responseCode);
            }
        }).done(function() {
            alert('Success');
        });
    });
});

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Login Form</title>
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,700">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="js/login.js"></script>
</head>
<body>
    <div id="login">
        <form name="form-login">
            <span class="fontawesome-user"></span>
            <input type="text" id="user" name="username" placeholder="Имя пользователя">
            <span class="fontawesome-lock"></span>
            <input type="password" id="pass" placeholder="Пароль">
            <input type="submit" id="login-submit" value="Вход">
        </form>
    </div>
</body>
</html>

ServletStore.java

package servlet;
import server.service.HelloWebService;
import server.service.HelloWebServiceImplService;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
@WebServlet(name="store", urlPatterns = "/store")
public class ServletStore extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp)
            throws ServletException, IOException {
        // подключаемся к тегу service в wsdl описании
        HelloWebServiceImplService helloService = new HelloWebServiceImplService();
        // получив информацию из тега service подключаемся к самому веб-сервису
        HelloWebService hello = helloService.getHelloWebServiceImplPort();
        // обращаемся к веб-сервису и выводим результат в консоль
        /*String error = hello.getHelloString("!! Challenge !!");*/
        String error = "";
        String username = (String) req.getParameter("username");
        if (username.equals("")) {
            error = "Не было введено имя пользователя";
        }
        req.setAttribute("error", "Не было введено имя пользователя");
        req.getRequestDispatcher("jsp/loginError.jsp").forward(req, resp);
    }
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);
    }
}