1

Quero enviar sem dar refresh na minha pagina e usando on change estou usando o codigo abaixo

Form:

<form action="" id="ajax_form" method="post" >
      <input type="text" name="resultado1" size="5" onChange="envia()">
</form>

Script de Envio

jQuery('#ajax_form')(function envia() {
    var dados = jQuery(this).serialize();
    jQuery.ajax({
        type: "POST",
        url: "resultados.php",
        data: dados,
        success: function(data) {
            alert(data);
        }
    });
    return false;
});
6
  • Olá Matheus, bem-vindo! Queres enviar os dados quando qual/quais inputs mudare(m)? Tens algum botão que faz o envio da form?
    – Sergio
    25/04/2016 às 4:53
  • faço o envio sem o uso de botao, com o comando onChange para toda vez q o valor for alterado ele enviar, so que se uso submit(). ele da refresh na pagina, entao chamei uma função para enviar, ja tentei usar javascript e on change mas n consegui acertar o codigo 25/04/2016 às 18:07
  • Sim, se usares submit() ele faz refresh à página. Podes fazer um jsFiddle para ser mais claro como o teu código está?
    – Sergio
    25/04/2016 às 18:11
  • editei o codigo na publicação, e assim que ele esta no momento 25/04/2016 às 18:18
  • Esse código está meio estranho... não falta nada aqui: '#ajax_form')(function?
    – Sergio
    25/04/2016 às 18:20

1 Resposta 1

0

Se você quer recuperar o valor do input, coloca um identificador nele. Por exemplo id="meu_input"

<input id="meu_input" type="text" name="resultado1" size="5" onChange="envia()">
    </form> 

Ai então, busque o valor desse input pelo ID. Assim:

$.post("resultados.php",{resultado1: $("#meu_input").val()},function(){});

Só modifiquei o seu código, não tenho certeza se utilizar dessa forma o evento, ira funcior, já que você está utilizando JQuery, eu recomendo que você pegue o evento change, dessa forma (Após definir o ID):

$("#meu_input").change(function(event){
    alert($(event.target).val());
});

Aplicando o envio, do seu código:

$("#meu_input").change(function(event){
    $.post("resultados.php",{resultado1: $(event.target).val()},function(){});
});
5
  • ja estou usando o id valor, e n funiona 25/04/2016 às 18:09
  • Mas o evento dispara? Já colocou um "alert" dentro da função envia, para ver se o problema está no envio, ou na chamada da função?
    – mau humor
    25/04/2016 às 18:10
  • o problema esta na chamada da função, ja fiz isto 25/04/2016 às 18:22
  • Modifiquei a resposta, dessa forma deve funcionar.
    – mau humor
    25/04/2016 às 18:44
  • funcionou 100% vlw mesmo 25/04/2016 às 19:24

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .