Re: [jquery-br] atualizar input em tempo real com valor do Ajax

[Eduardo Bohrer]

Para browser mais novos você pode utilizar websockets.

Do contrário faz um setInterval que a cada X segundos faz um ajax e popula o campo com o retorno.
Só cuidado para não empilhar requisições, tenha certeza que a última já terminou para fazer a próxima.

Att;

2012/9/4 Alexandre Filho <alexand...@anthora.com.br>

Olá meus amigos.

Gostaria de saber como faço para que um determinado input, dentro de um Form, seja atualizado conforme o meu database seja atualizado.

Por exemplo, tenho um Form e gostaria que determinado campo fosse sendo atualizado até que o user desse o submit.

Será que alguém já postou isso por aqui ?

--
Grupo de jQuery Brasil.
 
REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

[Alexandre Filho]

Olá Eduardo, obrigado pela ajuda.

Estou utilizando o setInterval, mas o problema não é esse, ele está retornando o valor corrento, só que só consigo fazer aparecer dentro de uma DIV, quando na realidade eu gostaria que esse resultado aparecesse dentro do Value do Input, para que quando o user desse o submit já estivesse com um valor preenchido.

[Eduardo Bohrer]

Não entendi, manda um exemplo do seu código.

On Tue, Sep 4, 2012 at 6:38 PM, Alexandre Filho <alexand...@anthora.com.br> wrote:

Olá Eduardo, obrigado pela ajuda.

Estou utilizando o setInterval, mas o problema não é esse, ele está retornando o valor corrento, só que só consigo fazer aparecer dentro de uma DIV, quando na realidade eu gostaria que esse resultado aparecesse dentro do Value do Input, para que quando o user desse o submit já estivesse com um valor preenchido.

--

[Alexandre Filho]

Eu peguei o exemplo desse site: http://www.htmlstaff.org/ver.php?id=26311 e mudei apenas o nome do objeto

<script type="text/javascript">

$(document).ready(function() {

   $('#resultado').slides({

    time: 2, <!-- aqui o tempo em segundos para atualizar o conteúdo //-->

    url: '/API/api_sjd/checkminuta.asp' 

   });

});

</script>

<form......>

<input type='text' id='myinput' name='myinput' value=''>

....

</form>

[Eduardo Bohrer]

Eu não entendi muito bom a tua intenção.

Mas aqui tem um exemplo de uma atualização simples utilizando jQuery e o setInterval. Vê se te ajuda.

http://jsfiddle.net/vQnWX/1/

--

[Alexandre Filho]

Olá Eduardo, obrigado pela dica, testei substituindo mas não funcionou.

Na realidade fiquei com algumas dúvidas, por exemplo:

Onde se lê:

$.post('/echo/html/', {html: 'valor2'},function(data) 

Eu deveria colocar assim ?

$.post('/minhapagina.asp/', {html: 'e o que entra aqui?'},function(data)

[Eduardo Bohrer]

Aquele parâmetro {html:''} era só pra te mostrar funcionando no jsfiddle se sua app não recebe parâmetros pode remover isso.

--

[Alexandre Filho]

Sim, testei mas continuou sem funcionar.

Removi o html: e mantive o parâmetro da pagina:

 $.post('/minhapagina.asp/',function(data)

era isso mesmo ?

[Eduardo Bohrer]

Isso.

Sua página responde a post ?

Se for a get muda $.post para $.get

Att;

--

[Alexandre Filho]

Olá Eduardo, acho que já consegui resolver, ficou assim:

<script type="text/javascript">

$(document).ready(function() {

setInterval(ajaxRequest(), 3000);

function ajaxRequest() {

$.ajax({

type: "get",

url:"/minhapagina.asp",

success:

            function(msg) {

$("#meucampo").val(msg);

            }

});

return false;

}

});

</script>

Quero te agradecer pelas dicas e incentivo.

Grande Abraço pra você e todos do Grupo.