[Resolvido] Recarregar página com ajax no Vraptor

ao invés de result.nothing() vc poderia usar result.notFound();

será que o problema não está na url que vc está passando no post? tenta fazer a url absoluta //usr/existe/

Ainda nada , o maior problema é que eu não sei se o que eu quero é assim que se faz e se é possivel.Por exemplo numa jsp comum passar um código para um controller e se este código existe eu só quero enviar os dados de um list para o jsp , populando os inputs . Não to achando um exemplo que faça o mesmo , teria algum para passar ,só o esquema básico.

vc colocou o caminho absoluto, começando com / no $.post?

se vc usar o result.notFound() qdo o cara não existe, a function que vc passou pro $.post não será executada, então faz o que vc quer.

Esta assim agora >:

function existe(id){	    		    	
		    $.post("${pageContext.request.contextPath}/usr/existe/" + $("#id").attr('value'), function call_back(data){
		    	$(document);		    	
		    });
		}

O controller:

@Post("/usr/existe/{usr.id}")
	public void existe(Usr usr) {
		usr = repository.loadById(usr.getId());	
		if (usr != null){
			System.out.println("Usuário encontrado");				
			result.include("usr", usr);
		}else{
			System.out.println("Usuário não encontrado");	
			result.notFound();
		}	
	}

O controller chega a achar o usuário e agora parou de aparecer o erro 404 no console do firefox , aparecendo o status 200 ok .Só não esta retornando os dados.

aonde está: $(document);

vc precisa fazer algo com o data que veio da função de callback… tipo colocar isso dentro de algum div. Ex:

$('#id_do_div').html(data);

outra coisa: isso poderia ser um $.get, já que vc não está modificando o servidor.

Funciona , obrigado ! Porem ele duplica o formulario , não tem como só alimentar os input text não ?

tem… o retorno html desse método traz só o form, ou uma página completa…

se for só o form, é só mudar o html de uma div (ou qqer elemento) que esteja em volta do form da página anterior

Resolvido !Só para finalizar , o código ficou assim :
Controller:

@Get("/usr/existe/{usr.id}")
	public void existe(Usr usr) {
		usr = repository.loadById(usr.getId());	
		if (usr != null){
			System.out.println("Usuário encontrado");				
			result.include("usr", usr);
		}else{
			System.out.println("Usuário não encontrado");	
			result.notFound();
		}	
	}

Script:

function existe(id){	    		    	
		    $.get("${pageContext.request.contextPath}/usr/existe/" + $("#id").attr('value'), function call_back(data){		    	  
		    	$('body').html(data);		    	
		    });
		}

Obrigado Lucas !

Eu coloquei como resolvido , mas não esta .Quando a requisição volta para a jsp ele volta sem a funcionalidade inclusive sem o código javascript que chama a requisição ! Resumindo só funciona na 1° vez que é executado !Deve ser algo bem simples que não estou achando ! Será que o problema é com o sitemesh que estou usando ?

a falta de funcionalidade da segunda vez não tem nada a ver com o sitemesh.
O problema é que vc substituiu o html da página inteira, mas o javascript não é executado novamente.

Então se vc fez algo do tipo:

$('#elemento').click(function() {
   //faz algo
});

qdo vc substituiu o html o novo #elemento não vai estar com esse callback configurado.

Dá pra resolver isso trocando o .click(funcao) por .live(“click”, funcao), e a mesma coisa pros outros eventos.

Lucas Cavalcanti:

a falta de funcionalidade da segunda vez não tem nada a ver com o sitemesh.
O problema é que vc substituiu o html da página inteira, mas o javascript não é executado novamente.

Então se vc fez algo do tipo:

$('#elemento').click(function() {
   //faz algo
});

qdo vc substituiu o html o novo #elemento não vai estar com esse callback configurado.

Dá pra resolver isso trocando o .click(funcao) por .live(“click”, funcao), e a mesma coisa pros outros eventos.

Assim ? Mesma coisa !

$('#existe').live("click",function() {
			existe($("#id").attr('value'));  
	    });

Tentei tambem estas funções :

function existe(id){	    		    	
	$.get("${pageContext.request.contextPath}/usr/existe/" + $("#id").attr('value'), function call_back(data){
		$('#usrForm2').html(data);	    			    	
	});
}
	
function existe2(id){	    		    	
	$.get("${pageContext.request.contextPath}/usr/existe/" + $("#id").attr('value'), function call_back(data){
		$('#usrForm').html(data);	    			    	
	});
}
	
function existe3(id){	    		    	
	$.get("${pageContext.request.contextPath}/usr/existe/" + $("#id").attr('value'), function call_back(data){
		$('#usrForm').load(data);	    			    	
	});
}
	
function existe4(id){	    		    	
	$.get("${pageContext.request.contextPath}/usr/existe/" + $("#id").attr('value'), function call_back(data){
		$('pre').load('existe/1  #usrForm' );	    			    	
	});
}

function existe5(id) {  
    $  
    .ajax({  
        method : 'get',  
        url : "existe/" + id,  
            dataType : 'html',  
            beforeSend : function() {  
                $('#carregando').show(100);  
            },  
            complete : function() {  
                $('#carregando').hide(100);  
            },  
            success : function(retorno) {  
                console.log(retorno);  
                $('#usrForm').html(retorno);                  
            },  
            error : function(retorno) {  
                console.log(retorno);  
                if (retorno.status == 404) {  
                    $('#usrForm').html(  
                            'Houve um erro: ' + retorno.status + ' '  
                            + retorno.statusText);  
                } else {  
                    $('#usrForm')  
                    .html(  
                    'Houve um erro desconhecido entre em contato com o administrador.');  
                }  
            }  
    });  
}

function existe6(id){	    		    	
	jQuery.ajax({
		 url: "existe2/1", //URL de destino
		 dataType: "json", //Tipo de Retorno
		 success: function(json){ //Se ocorrer tudo certo
			console.log(json); 	            
		  $('#usrnome').val(json.usr.usrnome);
		  .......            
		 }
	});		
}

Com nenhuma delas tive o resultado esperado , menos o ultimo que recebe json , mas não é o que eu queria pois teria que tratar campo a campo.Uma outra possibilidade que estava pensando é em separar o campo que é digitado o código num form diferente do restante .

Agora realmente esta resolvido.Eu pensava que o problema era com os script do Jquery , mas na verdade eu estava ertornando o resultado errado para a página.E re solvi com :

result.include("dusr", dusr).redirectTo(this).novo(); em vez de result.include("dusr", dusr);.E só fui perceber porque alterei todo o visual do formulário e o ajax estava me retornando o visual antigo.Mas não faço a mínima ideia da onde ele estava guardando o html antigo !

Pessoal estou com um problema, criei uma função de comentários em ajax, listar, adicionar e excluir. Os método estão funcionando normal, o problema está apenas no método result.nothing(); . Pelo que sei ele entende o sucess da requisição ajax, mas ele está parando na url do meu método Delete, e não indo para a página onde “tudo começou”. O que estou fazendo de errado ?

@Delete("/comentario/{id}/delete") public void deletar(int id){ Comentario comentario = dao.buscar(id); dao.deletar(comentario); result.nothing();

function onComentarioDelete() { $.ajax({ url: $(this).parent("form").attr("action"), type: 'DELETE', context: $('.lista-comentario'), sucess: $(this).parent('#coment').hide('slow').remove() }); };

Ou seja, quando o método é executado, ele para nesta url /comentario/{id}/delete, e não retorna a página onde fiz essa requisição.