Modulo JS inserir com reset

[AbaClar 0]

Sou apenas curioso da programação mas "a coisa" vai andando!

Tenho este código e apesar de funcionar, parece-me que está errado.

(document).ready(function(){
    $('#btEnviarAgre').click(function(){
        var $dados = $('#frmAgregado').serialize();
            $.ajax({
            type: "POST",
            url: "php/insAgregado.php",
            data: $dados,
            success: function (r) {
                if(r==1) {
                    alert ("Dados inseridos correctamente!");
                }else{
                    alert ("Dados não enviado!");
                    document.getElementById('#frmAgregado').reset();
                }
            }
        });
        return false;
    });
});

 

Ao clicar o "btEnviarAgre" os dados são inseridos na tabela no entanto a mensagem "alert", informa-me que os dados não foram inseridos. Estará a ordem dos Alert's errada?

Por outro, após a mensagem de alert, queria resetar o formulário, acrescentei a linha a vermelho (document.getElementById('#frmAgregado.reset();) mas não tem qq efeito! Não é correcto?
 

[luiz14 16]

Para resetar o formulário você pode usar o trigger('reset'), exemplo:

$('#frmAgregado').trigger('reset');

Não entendi muito bem esse if( r==1), caso retorne algum erro ao enviar os dados, você pode utilizar a função error do Ajax abaixo da success, não precisa criar uma condição dentro da função success, exemplo:

error: function () {
         alert("Dados não enviado!");
         $('#frmAgregado').trigger('reset');
      }

 Outra coisa, não precisa utilizar o "$" ao criar uma variável no JS, exemplo:

 var dados = $('#frmAgregado').serialize();

 

[Omar~ 87]

document.getElementById('frmAgregado').reset();

 

[AbaClar 0]

Como disse sou apenas um curioso da programação! Através do youtube e a informação existente, passo a passo vou avançando ...

Com este ficheiro Clear.js resolvi ....

$(document).ready(function(){
    $('#btEnviarAgre').click(function(){
        setTimeout('document.frmAgregado').reset();
    });
});

... no entanto "irrita-me " porque a aplicação é composta por várias "tabs", Inicio, Cliente, Agregado,Processos, Descontos, Localizar e Gestão de Processos. A "tab" Localizar, por sua vez é composta por pelos "panes" Cliente, Agregado, Processos e Descontos.  Quando envio os dados para a tabela mysql, e correm os módulos inserir.php e clear.js, a aplicação volta para a tab "Inicio". Isto é irritante, mas aceitável. 

Mas porque é que, tal como disse na abertura do post, apesar dos dados serem lançados na tabela, a mensagem "alert" é, ... alert ("Dados não enviados!");

[Omar~ 87]

9 horas atrás, AbaClar disse:

setTimeout('document.frmAgregado').reset();

 

Isso não funciona/não existe.

 

Veja com se faz com javascript:

var frmAgregado = document.getElementById('frmAgregado'); // Isso armazena o elemento DOM#ID em uma variável

setTimeout(function () { // função para iniciar um callback de contagem antes de executar seu escopo
    frmAgregado.reset();
}, 1000); // 1 Segundo

 

 

 

9 horas atrás, AbaClar disse:

Mas porque é que, tal como disse na abertura do post, apesar dos dados serem lançados na tabela, a mensagem "alert" é, ... alert ("Dados não enviados!");

 

Em 22/07/2018 at 06:19, AbaClar disse:

                if(r==1) {
                    alert ("Dados inseridos correctamente!");
                }else{
                    alert ("Dados não enviado!");
                    document.getElementById('#frmAgregado').reset();
                }

 

Aqui temos uma condição onde a variável r tem que ter o valor 1 para "dados inseridos...."

Então, em nenhum momento essa variável foi criada ou mesmo ele recebeu algum valor, assim sendo nunca terá o valor de 1.

 

Entendo que queira saber, a resposta se os dados foram inseridos/executados em um arquivo .PHP, pós AJAX.

Nesse termo é IMPOSSÍVEL detectar isso com jquery, uma vez que as funções do jquery serão executadas no cliente e não no servidor.

 

Mas existe uma forma disso acontecer? Sim há recursos para isso.

1 - Executar outro javascript dentro do arquivo que foi aberto pelo ajax. Aqui temos um problema pois temos que definir corretamente o tipo de requisição.

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests

 

2 - Monitorar o status de comunicação cliente X servidor. Entretanto aqui temos um problema que sempre será retorno true quando o arquivo aberto for lido independente de ser executado ou não, como disse não dar para saber o que o servidor faz com javascript. Um exemplo de como esse monitoramento, você já deve ter visto em algum website uma barra de progresso que mostra o tempo para abrir um arquivo.

https://developer.mozilla.org/pt-BR/docs/Web/API/XMLHttpRequest/Usando_XMLHttpRequest

https://developer.mozilla.org/pt-BR/docs/Web/API/ProgressEvent

 

Como sugestão é: Não confunda javascript com jquery pois o mesmo é uma biblioteca que explora o javascript

[AbaClar 0]

Ok resolvi. A mensagem agora está correcta ...

$(document).ready(function()
{
    $('#btEnviar').click(function()
     {
        var $dados = $('#myForm').serialize();
            $.ajax({
            type: "POST",
            url: "php/inserir.php",
            data: $dados,
            success: function() {
            alert("Dados enviados com sucesso!");
            $('#myForm').trigger('reset');
            },
            error: function() {
            alert("Os dados não foram enviados!");
            }                
        });
        return false;
    });
});

 

Tb entendi parte da explicação. Obrigado!