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
Do Zero ao Profissional com PHP. Mais de 2.300 alunos recomenda.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();

 

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();
}

 

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...
    }
});

 

LEIA TAMBÉM:  Javascript - Entendendo Callback

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

Artigos relacionado a Javascript

Artigos e dicas sobre Javascript e toda sua familia: Node.js, Angular, Ionic, React e muito mais.

– GitHub lança repositórios privados gratuitos para até três colaboradores

– Como fazer testes unitários no Node.js com NodeUnit

– Epoc.js: Projeto open source em JavaScript para Sensores de Controle Cerebral

– Migre para o Ionic Framework 4 mais fácil usando o TSLint Fixers

– Apollo lança a Plataforma GraphQL e extensão para VS Code

– As novidades do Angular 7

– Tecnologias que andam bombando no GitHub ultimamente

– Node.JS: Envie o gemidão do Whastzap para seus amigos via chamada telefônica

– Southbank Software apresenta dbKoda: uma ferramenta de desenvolvimento Open Source para MongoDB

– Começando com React Native

– React Native Do Zero Ao Profissional, Curso Sobre Criação De Apps React Native Para Android e IOS

– React: Tutoriais Fantásticos e Onde Habitam

– React – O que é Shadow DOM

– O que são middlewares em NodeJS?

– Conhecendo os super poderes dos comandos Git e GitHub

Web

Artigos e dicas sobre desenvolvimento web que você vai gostar:

– 6 TENDÊNCIAS DE UX DESIGN PARA OS PRÓXIMOS ANOS

– UX – User Experience ou Experiência do Usuário – Princípios

– Usabilidade: Tela com muitas informações ou distribuídas em várias telas?

– Entenda as diferenças entre Wireframe, Protótipo e Mockup?

Estatísticas de SEO, novas regras do Google para 2019 e Automação de Marketing Digital

– Bootstrap – O que são grids CSS

– Quando usar ANSI e quando usar UTF-8

– W3C anuncia o DRM como uma recomendação

– Crie um loading animado divertido usando CSS3

– Como descobrir se uma cor hexadecimal é escura ou clara

– Como usar tags semânticas

– O que é o GZIP e como melhora a velocidade de um site

– Como adicionar notificações (Push notification) em seu site

Powered by Rock Convert
Powered by Rock Convert
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.

Últimos posts por Ramos de Souza Janones (exibir todos)