O que é e como usar AJAX?

O que é e como usar AJAX?

12 de abril de 2017 0 Por Ramos de Souza Janones
Powered by Rock Convert

O que é AJAX?

AJAX é uma tecnologia que possibilita fazer uma requisição ao servidor sem ter que atualizar a página, que presumo que é exatamente o que você quer fazer.

Como uso AJAX?

Bom, é relativamente simples. Esse tipo de requisição existe no navegador através do xmlHttpRequest, que funciona mais ou menos assim:

var xhttp = new XMLHttpRequest();
//Essa parte é executada quanddo a requisição retornou do servidor
xhttp.onreadystatechange = function() {
    //Verifica se a requisição foi um sucesso
    if (this.readyState == 4 && this.status == 200) {
       // Aqui é aonde você faz as coisas que você precisa depois que contatou o servidor;
    }
};

//Parametro 1 -> Nome do método a ser chamado no servidor
//Parametro 2 -> Nome da página aonde está o parâmetro 1
//Parametro 3 -> Define se é síncrono ou assíncrono
//É nesse método que você efetivamente FAZ requisição
xhttp.open("GET", "filename", true);
xhttp.send();

 

Curso completo de Games, inclusive Realidade Aumentada.Powered by Rock Convert

Ou utilizando option:

document.getElementByID('seuElemento').onchange = function (){
    requisicaoAjax();
}

function requisicaoAjax(){
    var xhttp = new XMLHttpRequest();

    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
           alert('Ei, foi um sucesso!');
        }
    };
    xhttp.open("GET", "pagina", true);
    xhttp.send();
}

 

LEIA TAMBÉM:  GitHub e Facebook unem-se com a Atom-IDE

Talvez você já tenha ouvido falar da biblioteca JQuery (não estou dizendo que você deve usar, apenas que ela existe). Ela encapsula os xmlHttpRequest, e fica deveras bonitinho, olha:

$.ajax({
    type: "POST",
    url: 'pagina/metod',
    data: 'seusParametros',
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (msg) {
        //foi um sucesso!
    },
    error: function (msg) {
        //deu pau, trate seu erro aqui...
    }
});

 

Enfim, isso é apenas uma minúscula introdução. Recomendo que leia isso

Powered by Rock Convert
Powered by Rock Convert
Curso de Inglês para Programadores.Powered by Rock Convert

Ramos de Souza Janones

Janones, é um empreendedor brasileiro apaixonado por empreendedorismo e tecnologia. Ao longo dos anos trabalhando com o desenvolvimento de softwares desktop desde a linguagem Clipper, passando pelo Delphi e atualmente com Java.

Optou pela formação de Publicidade e Marketing por sua segunda empresa de tecnologia ter participado do "boom" da internet nos anos 90 e na procura de melhorar seus conhecimentos em negócios.

Em razão da principal formação e profundos conhecimentos em programação e banco de dados, é capaz de realizar o desenvolvimento de aplicativos web, desktop e mobile com maior criatividade e inovação que profissionais de desenvolvimento com uma formação única e mais especifica, dedicada somente ao desenvolvimento de softwares.

Com toda sua experiência com empresas de software, sua formação e paixão por negócios escreveu o livro "Marketing para Empresas e Profissionais de Software", publicado pela editora carioca Ciência Moderna em 2012. Além de outros livros sobre programação.