Rendenização de elementos VRaptor 3 + JQuery

Boa Tarde pessoal, estou tentando aprender VRaptor com JQuery, só estou com problemas com ajax nele, exemplo tenho um método e quando eu invoco ele passando login e senha ele retorna um parametro, o qual quero que apareça numa dialog, porém não consigo fazer a rendenização do valor lá dentro, segue exemplo :

.java

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.view.Results;

@Resource
public class Index {

	protected Result result;

	public Index(Result result) {
		this.result = result;
	}

	@Path("/")
	public void teste() {
	}

	@Path("logar")
	@Post
	public void logar(String login, String senha) {
		System.err.println("Login: "+login +" Senha: "+senha);
		result.include("login", "Bem Vindo " + login);
		result.use(Results.status()).ok();
	}

}

jsp

&lt;%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%&gt;
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
&lt;%@ taglib prefix="c" uri="http://java.sun.com/jstl/core"%&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
&lt;script type="text/javascript"
	src='&lt;c:url value="js/jquery-1.6.2.js"&gt;&lt;/c:url&gt;'&gt;&lt;/script&gt;
&lt;script type="text/javascript"
	src='&lt;c:url value="js/jquery-ui-1.8.15.js"&gt;&lt;/c:url&gt;'&gt;&lt;/script&gt;
&lt;link rel="stylesheet" type="text/css"
	href='&lt;c:url value="css/ask.css"&gt;&lt;/c:url&gt;'&gt;
&lt;title&gt;Login&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
	&lt;div id="center" align="center" style="width: 100%; margin-top: 15%;"&gt;
		<img  /> <br />
		&lt;form id="form_login"&gt;
			&lt;fieldset style="width: 100px" id="loginField"&gt;
				&lt;legend class="ui-widget-header ui-corner-all"&gt;Logar&lt;/legend&gt;
				&lt;table&gt;
					&lt;tr&gt;
						&lt;td&gt;Login:&lt;/td&gt;
						&lt;td&gt;&lt;input type="text" name="login" /&gt;
						&lt;/td&gt;
					&lt;/tr&gt;
					&lt;tr&gt;
						&lt;td&gt;Senha:&lt;/td&gt;
						&lt;td&gt;&lt;input type="password" name="senha" /&gt;
						&lt;/td&gt;
					&lt;/tr&gt;
				&lt;/table&gt;
				&lt;button id="loga" style="margin-left: 50px;" type="button"&gt;Logar&lt;/button&gt;
			&lt;/fieldset&gt;
		&lt;/form&gt;
	&lt;/div&gt;
	&lt;div id="dialog"&gt;Login: ${login}&lt;/div&gt;
	&lt;script type="text/javascript"&gt;
		$(function() {
			$('#dialog').dialog({
				autoOpen : false,
				modal : true,
				show : "fade",
				hide : "slide"
			});
		});
		$(function() {
			$('#loga').button();
			$('#loga').click(function() {

				$.ajax({
					type : 'POST',
					url : 'logar',
					datatype : 'json',
					data : $('#form_login').serialize(),
					cache : false,
					success : function(data) {
						$('#dialog').append(data);
						$('#dialog').dialog('open');
					},
				});
			});
			return false;
		});
		$(function() {
			$('#loginField').tabs();
		});
	&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

desde já vlw

4 Respostas

Topicos relacionados