Ajax Jquery

function sendForm(id_form){
    var form_data = new FormData($(id_form).get(0));

    $.ajax({ 
        type: 'POST', //Esta propriedade diz que tipo de interação faremos entre os dados, neste caso por POST 
        dataType: 'html', //Tipo de retorno que tera o ajax, neste caso retornaremos um tipo html, página em html 
        accepts: {
            json: 'application/json'
        },
        url: 'pages/pesquisaPorData.php', //Qual página o ajax ira buscar  
        contentType: false,
        processData:false,
        beforeSend: function(){ //Chama a função para mostrar a imagem gif de loading antes do carregamento 
            loading_show(); 
        }, 
        data: form_data, //Este são os valores do POST do formularios, neste caso as datas 
        success: function(retorno) //Em caso de sucesso da função .ajax ele retornara para a var retorno 
        { 
            loading_hide(); //Função que esconde novamente a imagem do gif de loading 
            $('#resultados').html(retorno).fadeIn(); //Aqui estamos inserido o conteudo de retorno na local indicado     
        }, 
        //Aqui poderiamos programar uma execeção, um tipo de retorno caso tenhamos falha na exception função .ajax 
        error: function(error) 
        { 
            loading_hide(); //Função que esconde novamente a imagem do gif de loading 
            $("#resultados").html(error).fadeIn(); //Aqui estamos inserido o conteudo de erro no local indicado  
        } 
    });
}

Was this article helpful?

Related Articles

Leave A Comment?