Rede com jQuery

9.1 objeto $ e método ajax em jQuery

jQuery também possui um objeto global especial para trabalhar com a rede. Como você pode imaginar, ele se chama $. Sim, esse é o nome. Mas é simples e conveniente.

Digamos que você queira enviar uma solicitação para uma API em seu JavaScript e processar a resposta recebida. Isso pode ser feito assim:

$.ajax({
  type: "POST",
  url: "api.codegym.cc",
  data: {name: 'Bill', location: 'Radmond'},
  success: function(msg){ alert( "Person found: " + msg ); }
});

É isso, esse é todo o código. $Chamamos o método no objeto ajax(), onde passamos o objeto que descreve tudo o que precisamos: tanto a requisição quanto a resposta.

• O campo typeespecifica o tipo de solicitação HTTP: GETouPOST
• O campo urlespecifica urlpara quem a solicitação será enviada.
• O campo dataespecifica os dados da solicitação no formato JSON
• O campo de sucesso especifica uma função a ser chamada após uma resposta bem-sucedida do servidor.

9.2 Consultas úteis

Mas se você não precisar transferir nenhum dado, a solicitação poderá ser escrita ainda mais curta. Por exemplo, você pode escrever uma solicitação POST simples como esta :

$.post("ajax/test.html", function( data ) { $( ".result" ).html( data ); });

Você sabe o que o código faz $( ".result" ).html( data );? Vamos tentar adivinhar...

Ele localiza um elemento com a classe de resultado no documento e adiciona o código HTML dentro dele - data data. Portanto, em algumas linhas, você pode baixar os dados do servidor e adicioná-los à sua página. Bem, não é uma beleza? :)

Uma solicitação GET também pode ser escrita em algumas linhas:

$.get("ajax/test.html"., function( data ) { $( ".result" ).html( data ); });

Gostaria de baixar e executar um script?

$.ajax({
  method: "GET",
  url: "test.js",
 dataType: "script"
});

Obter a página HTML mais recente?

$.ajax({
  url: "test.html",
 cache: false
})
  .done(function( html ) {
 $( "#results" ).append( html );
  });

Existe alguma documentação jQuery muito boa na internet:

API jQuery

jQuery.ajax()

Além disso, todas as perguntas comuns são facilmente pesquisadas no Google e estão no StackOverflow.