Не могу никак отправить простейший запрос к сервлету средствами jQuery. Но при этом, если отправляю через форму, то все работает на ура. Ниже привожу index.html, из которого хочу отправить логин пользователя. login.js, в котором формирую сам запрос, SerletStore.java сам сервлет. И структура всего проекта.
login.js Единственный более менее работающий url = "http://localhost:8080/testservlet/post", а они "/testservlet/post", "testservlet/post", "/post," "post" вызывают ошибку 404.
function addNewVoting() {
var xhr = new XMLHttpRequest();
var body = 'name=' + encodeURIComponent("name") +
'&surname=' + encodeURIComponent("surname");
xhr.open("POST", 'http://localhost:8080/testservlet/post', true)
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
xhr.send(body);
};
function addNewVoting1() {
var user = {
"firstName": "vlad"
}
var JSONString = JSON.stringify(user);
var url = "http://localhost:8080/testservlet/post";
$.ajax({
url: url,
method: "post",
data: JSONString,
contentType: "application/json",
error:function (message) {
var JSONObject = JSON.parse(message);
console.log(JSONObject);
},
success:function (data) {
var JSONObject = JSON.parse(data);
console.log(JSONObject);
},
headers: {
"Accept":"application/json",
"Accept-Language":"en",
"Cache-Control":"max-age=3600"
}
});
};
При вызове второй функции выводит это:
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/1.12.4/jquery.min.js"></script>
<script src="/js/login.css">
</script>
</head>
<body>
<div id="login">
<form id="form" name="form-login"><!-- action="store" method="POST"> -->
<span class="fontawesome-user"></span>
<input type="text" id="user" name="username" placeholder="Имя пользователя">
<span class="fontawesome-lock"></span>
<input type="password" id="pass" name="password" placeholder="Пароль">
<input type="input" id="login-submit" value="Вход">
</form>
<input style="margin-left: 30px; margin-top: 10px" type="button" onclick="addNewVoting()" value="TAKE" />
</div>
</body>
</html>
ServletStore.java
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;
import java.io.PrintWriter;
@WebServlet(name="post", urlPatterns = "/post")
public class Servlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
PrintWriter writer = resp.getWriter();
writer.print("Hello");
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
super.doPost(req, resp);
}
}
Структура проекта:
Может поможет еще такой скриншот:
Так же я экспериментировал с contentType, и либо я это делал не правильно, либо тоже не работает ничего. Прошу помочь!!!