初めてajax、jsonを使用しようとしていますが、404エラーに直面しています。この問題は、web.xml で URL パターン /login を使用して LoginServlet を定義したにもかかわらず、/login が見つからないことを示しています。以下はweb.xmlのコードです
<servlet>
<description></description>
<display-name>LoginServlet</display-name>
<servlet-name>LoginServlet</servlet-name>
<servlet-class>com.login.LoginServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>LoginServlet</servlet-name>
<url-pattern>/login</url-pattern>
</servlet-mapping>
以下はlogin.jsのコードです
function Login(){
console.log("in login function");
var userId=$('#username').val();
var pass=$('#password').val();
if(userId=="" || pass==""){
alert("UserId or Password cannot be blank!");
document.getElementById("username").focus();
}else{
var url='/login';
var dataString= 'action=login&userId='+userId+'&pass='+pass;
$.ajax({
type: 'POST',
url: url,
data: dataString,
success: function (data){
var loggedIn=data.html();
console.log(loggedIn + " " + data);
$('#loggedIn').val(loggedIn);
$('#loggedIn').show();
}
});
}
doGet() と doPost() の代わりに、LoginServlet で service メソッドを使用しました。