0

Como faço para atualizar as informações de um elemento div com jQuery sem necessariamente recarregar a página?

Ex.: Enviar um post de um insert e as informações desse insert aparecerem logo na div puxando do banco.

2 Respostas 2

3

Use a função $.post da JQuery:

$("#form").submit(function() { // QUANDO ENVIAR O FORM
    var login = $("#login").val(); // VALOR DO LOGIN
    var senha = $("#senha").val(); // VALOR DO INPUT SENHA
        $.post('logar.php', { // FUNÇÃO POST, LOGAR.PHP FAZ A INSERÇÃO NO MYSQL             
            login: login,
            senha: senha
        }, function(resposta) {
            $("#divresposta").html(resposta); // RESPOSTA
        }, 'html');
        return false;
});
2
  • Está dando um erro na linha: $("#form").submit(function() { // QUANDO ENVIAR O FORM var login = $("#login").val(); // VALOR DO LOGIN var senha = $("#senha").val(); // VALOR DO INPUT SENHA $.post('logar.php', { // FUNÇÃO POST, LOGAR.PHP FAZ A INSERÇÃO NO MYSQL login: login, senha: senha }, function(resposta) { $("#divresposta").html(resposta); // RESPOSTA } }, 'html'); //<<<<<<<<<<< ERRO AQUI return false; }); Commented 10/06/2014 às 0:34
  • corrigi!!!obrigado!!!
    – Alan PS
    Commented 10/06/2014 às 1:15
2

Estude basicamente a função $.ajax:

$.ajax({
  type: "POST",
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

Fonte: http://api.jquery.com/jquery.post/

Você pode fazer o seguinte (não testei, porém é basicamente isto):

$.ajax( {
    url: "insert_func.php",
    type: "post",
    data: { name: "bruce", age: 23 }, // dados que serão processados
    success: function(response) {
        $(".your-div-class").html(response);
    }
});

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .