Bom dia galera…
tou com um pequeno problema… estou usando o vraptor + jquery pra fazer apenas um exemplo simples de login usando ajax. mas não estou conseguindo enviar a resposta para a página devidamente. já tentei de várias formas mas não consigo. vcs podem me dar uma ajuda?
a view está assim:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>VRaptor Blank Project</title>
<script type="text/javascript" src="<c:url value="/js/jquery.1.6.2.min.js"/>"></script>
<script type="text/javascript" src="<c:url value="/js/jquery.form.js"/>"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
$('#formLogin').submit(function(){
//Limpando mensagem de erro
$('#erro').html('');
$('#loader').show();
$(this).ajaxSubmit(function(resposta){
if (!resposta){
}
else{
$('div.loader').hide();
$('div.erro').html(resposta);
}
});
return false;
});
});
</script>
<style type="text/css">
#erro{
border-radius: 11px;
border: 1px SOLID #A70000;
width: 200px;
height: 100px;
display: none;
}
</style>
</head>
<body>
<div id="login">
<form id="formLogin" action="<c:url value="/login"/>" method="POST">
<fieldset>
<div id="loader" style="display: none;">
<img src="<c:url value="/img/ajax-loader.gif"/>" height="16px" width="16px" alt="Carregando..."></img>
</div>
<p>
<label for="usuario.login">Usuario: </label>
<input type="text" name="login" id="usuario.login"></input>
</p>
<p>
<label for="usuario.senha">Senha: </label>
<input type="password" name="senha" id="usuario.senha"></input>
</p>
</fieldset>
<button type="submit" id="entrar">Entrar</button>
</form>
</div>
<div id="erro">
<p>Usuario e/ou senha incorretos!</p>
</div>
</body>
</html>
o Controller assim:
package br.com.caelum.vraptor.blank;
import br.com.caelum.vraptor.Path;
import br.com.caelum.vraptor.Post;
import br.com.caelum.vraptor.Resource;
import br.com.caelum.vraptor.Result;
import br.com.caelum.vraptor.util.extjs.ExtJSJson;
import static br.com.caelum.vraptor.view.Results.*;
@Resource
public class IndexController {
private final Result result;
public IndexController(Result result) {
this.result = result;
}
@Path("/")
public void index() {
result.include("variable", "VRaptor!");
}
@Path("/login")
@Post
public void logar(String login, String senha){
System.out.println(login.toString());
System.out.println(senha.toString());
if ((login.equals("felipe")) && (senha.equals("123456"))){
result.use(http()).body("Usuário correto!");
}
else{
result.use(http()).body("Usuário incorreto!");
}
}
}
o que faço?
