Para maiores informações acesse este link.
Uma das formas mais simples para carregar conteúdo através de Ajax é o load().
Este método permite fazer uma requisição passando parâmetros via GET ou POST e retorna os dados em um elemento HTML.
Método GET
$("#div").load("acoes.php?acao=enviarDados&id="+id+"&descricao="+descr);
acoes.php
$ACAO = isset($_GET['acao']) ? $_GET['acao'] : '';
$ID = isset($_GET['id']) ? (int) $_GET['id'] : '';
$DESCR = isset($_GET['descr']) ? $_GET['descr'] : '';
?>
Método POST
$("#div").load("acoes.php?acao=enviarDados", {id : id, descricao : descr});
acoes.php
$ACAO = isset($_POST['acao']) ? $_POST['acao'] : '';
$ID = isset($_POST['id']) ? (int) $_POST['id'] : '';
$DESCR = isset($_POST['descr']) ? $_POST['descr'] : '';
?>
É possível fazer a chamada de uma função após concluir o carregamento dos dados.
Veja exemplos:
$("#div").load("acoes.php?acao=enviarDados", function() {
alert('Dados processados com sucesso.');
});
$("#div").load("acoes.php?acao=enviarDados", processado());
function processado(){
alert('Dados processados com sucesso.');
}