Exemplo simples de AJAX
Ae pessoal, promessa feita, promessa cumprida… HUAhAHuHAuA. Como falei no post inicial sobre AJAX, estou disponibilizando aqui um exemplo simples e prático de uso do AJAX.
Bom, inicialmente para utilizar esse exemplo você precisa pelo menos saber um pouco de HTML, e JavaScript caso queira editar algo no código fonte do JavaScript (AJAX).
Código Fonte AJAX:
Código Fonte HTML:
No JavaScript (AJAX) tem toda a explicação do que cada linha de comando faz, abra os arquivos ajax.js e index.html no DreamWeaver por exemplo, e confira, já o HTML é bem simples, a unica coisa que você inicialmente precisa fazer é chamar dentro da TAG <HEAD> do HTML o arquivo esse ajax.js, assim:
1 | <script src="http://www.webartz.com.br/wp-admin/ajax.js" type="text/javascript"></script> |
E depois ter a DIV onde será carregada a página por AJAX, chamada “minha_div“, e depois crie um link com a seguinte URL: javascript:pagina(’pagina.html’); onde esse “pagina.html” será o arquivo a ser carregado.
Arquivo para Download com o Exemplo:
Clique aqui
Creio que com isso vocês já possam fazer alguns testes e modelos em AJAX… Os nomes de páginas, DIV podem ser alteradas conforme você quiser, somente preste a atenção, para alterar também nos outros locais do código fonte onde o item que você renomeou é chamado.
