jQuery para carregar via AJAX um HTML dentro de uma DIV

O Que é AJAX? Como utilizar AJAX para carregar um script PHP dentro de uma DIV em um HTML com jQuery?

Lógica

AJAX significa Asynchronous JavaScript and XML é uma técnica para carregar conteúdo dinâmico de forma assíncrona dentro de um HTML estático. O exemplo a seguir vamos utilizar o jQuery que é um framework de Javascript, para carregar o conteúdo HTML do servidor dentro de uma div. Para isso no nosso código expresso, precisamos fazer a chamada a biblioteca do jQuery e realizar uma chamada a função LOAD para carregar o script ou página com o HTML desejado. No exemplo abaixo vamos carregar um script PHP dentro de uma DIV do HTML de origem.

Código Expresso

                
$(document).ready(function(){
    $('#divEXIBICAO').load('ajax-teste.php'); 
});

1

Use a cabeça! JQuery

Alguma vez você já desejou que existisse um livro sobre jQuery que não exigisse também os conhecimentos de JavaScript desde o início? Já ouviu falar que o jQuery pode ajudá-lo a colocar interatividade em seus sites e aplicações, mas não sabe por onde começar?Use a Cabeça! jQuery é sua porta de entrada para o desenvolvimento de sites envolventes, interativos e que parecem aplicações reais.Por que este livro é tão diferente?Acreditamos que seu tempo é muito valioso para ser desperdiçado lutando contra novos conceitos. Usando as pesquisas mais recentes sobre ciência cognitiva e teoria da aprendizagem para criar uma experiência multissensorial, Use a Cabeça! jQuery apresenta um formato visualmente rico criado para a maneira que o seu cérebro funciona, sem uma abordagem textual densa a ponto de deixar o leitor com sono. Elogios ao Use a Cabeça! jQuery:“jQuery permite que você faça coisas surpreendentes com JavaScript com a facilidade de uma prova com consulta. Este livro demonstra como resolver problemas do mundo real rapidamente. Como bônus, você aprenderá aspectos importantes de JavaScript, como configurar um ambiente de desenvolvimento web e um pouco de PHP/MySQL. Este é um livro sólido.” -Jim Doran, engenheiro de software da Universidade Johns Hopkins, Maryland (Estados Unidos).“Diferente daqueles livros complexos de programação cheios de jargões técnicos, Use a Cabeça! jQuery guia iniciantes através de um passo a passo para criarem suas primeiras páginas jQuery de uma maneira divertida e compreensível.” – Lindsey Skouras, advogada e programadora autodidata.

Saiba mais

2

Ajax na Pratica

Ajax na prática é um livro focado essencialmente na produtividade do desenvolvimento de aplicações ricas em interatividade, utilizando frameworks ajax independentes do servidor, aliados ao poder do php 5 com banco de dados mysql. Neste livro, alguns dos frameworks ajax mais famosos do mundo foram colocados em análise, com exemplos similares, auxiliando assim o desenvolvedor a tomar a melhor decisão: prototype, script. Aculo. Us, dojo toolkit, yahoo. User interface (yui) library, jquery e ext. Além de uma análise de cada framework ajax, o leitor aprenderá a criar um mesmo carrinho de compras com sistema de arrastes (drag´n drop), utilizando os frameworks prototype e script. Aculo. Us, jquery e dojo toolkit.

Saiba mais