JQuery: Trabalhando com load()

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.');
   }

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *