Info

Teste de funções para carregar conteúdos externos por get e post. Os metodos em geral são parecidos, sendo o Ajax o mais completo e o restante usa ele como base.

Apenas completei criando uma div onde o conteúdo vai ser carregado, completando os testes e adicionando 2 novos testes.

Obs: Os métodos Ajax só carregam a Div caso tenham sucesso na requisição, o restante não fiz para lidar com isso, podendo o Ajax ficar mais pesado por esse motivo.

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div id="carregado">
</div>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

$.ajax({
  type: "GET",
  url: 'http://www.google.com.br',
  data: 0,
  success: function(data) {
    $("div#carregado").html(data);
  }
});

$.get('http://www.google.com.br', function(data) {
  $("div#carregado").html(data);
});

$("div#carregado").load('http://www.google.com.br');

$.post('http://www.google.com.br', function(data) {
  $("div#carregado").html(data);
});

$.ajax({
  type: "POST",
  url: 'http://www.google.com.br',
  data: 0,
  success: function(data) {
    $("div#carregado").html(data);
  }
});

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

• Revision 1: published by wesley on 29th August 2011
• Revision 2: published by Felipo Antonoff on 27th December 2012 and last updated on 28th December 2012

0 comments