Rendenização de elementos VRaptor 3 + JQuery

Virtual Machine Man Membro desde: 26/05/2009 15:57:49 Mensagens: 707 Offline

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

jsp

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

desde já vlw

This message was edited 1 time. Last update was at 19/08/2011 16:48:58

Use o firebug pra verificar o que esta sendo requisitado quando vc submete o formulario pois na linha 54 acho que falta o <c:curl>

Virtual Machine Man Membro desde: 26/05/2009 15:57:49 Mensagens: 707 Offline

assim que der vou tentar e posto o resultado !

GUJ Hacker Membro desde: 08/07/2007 00:08:14 Mensagens: 6396 Offline

Polverini,

vc mandou fazer $('#dialog').append(data); mas no controller não mandou nada...

o result.include não mexe na resposta diretamente, só coloca um atributo no request. Se vc quer que apareça o bem vindo, faça o seguinte:

Virtual Machine Man Membro desde: 26/05/2009 15:57:49 Mensagens: 707 Offline

opa funcionou lucas, obrigado !

Notícias, artigos e o maior fórum brasileiro sobre Java