Utilizzando la convalida di jQuery, invio una richiesta AJAX gestita dal controller. Il controller fa invia una risposta, ma jQuery non riesce a inserire il rispettivo messaggio di errore nel DOM. Invece, inserisce il intero contenuto della vista - index.jsp - nel DOM.
Sono nuovo di Java e sono completamente bloccato, quindi qualsiasi aiuto sarebbe molto apprezzato.
Il mio modulo (index.jsp)
<form class="form-inline" id="loginForm" role="form" style="margin-top: 20px">
<div class="form-group">
<input type="text" name="username" class="form-control" id="username" placeholder="Enter your username"
autocomplete="off" autocapitalize="off">
</div>
<div class="form-group">
<input type="password" name="password" class="form-control" id="password" placeholder="Enter your password"
autocomplete="off" autocapitalize="off">
</div>
<div class="form-group">
<button type="submit" name="loginBtn" class="btn btn-default" id="loginBtn">Log in</button>
</div>
<label class="formErrorMsg" id="loginErrorMsg" for="loginBtn"></label>
</form>
jQuery
$(document).ready(function(){
// Check that the login credentials entered are valid
$("#loginBtn").click(function(){
event.preventDefault();
$.post("/login", {username : $("#username").val()}, function(result){
$("#loginErrorMsg").html(result)
});
});
});
Regolatore
@Controller
public class IndexController {
@RequestMapping(value = "/")
public ModelAndView returnIndexPage() {
ModelAndView model = new ModelAndView("index");
return model;
}
@RequestMapping(value = "/login", method = RequestMethod.POST)
@ResponseBody
public String checkLoginCredentials(@RequestParam("username") String username){
return username;
}
}