JQuery atualizar uma div com um script PHP

Question

Eu não tenho absolutamente nenhuma idéia de como fazer isso, então eu só vou ir em frente e perguntar.

O que eu quero fazer é atualizar o conteúdo de uma div com um script PHP que tenho em um arquivo externo, chamado send.php.

Então, eu tenho uma div como esta:

<div class="classname">

</div>

E eu quero postar dados para este arquivo send.php, e depois atualizar essa div com qualquer que seja o resultado do script PHP é. isso pode ser feito?

Answer 1

Para chamadas Ajax simples, eu normalmente preferem usar $ .load como sua gramática é extremamente conciso. Passando parâmetros como um objeto (pares de chave / valor) fará com que ele use uma solicitação POST:

<a href="no-script.php" class="something">Click!</a>

$(document).ready(function() {
    $('a.something').click(function(e) {
        //prevent the href from being followed
        e.preventDefault();

        //inject div.classname with the output of send.php
        $('div.classname').load('send.php', {param1: 'foo', param2: 'blah'});
    });
});

Se você não precisa dele para ser um POST, você pode simplesmente adicionar os seus parâmetros como uma string de consulta:

$('div.classname').load('send.php?param1=' + param1 + '&param2=' + param2);

Answer 2

<a href="#">click</a>

<script>
    $(function() {
      $("#refresh").click(function(evt) {
         $("#classname").load("send.php?data=someData")
         evt.preventDefault();
      })
    })
</script>


<div id="classname">

</div>

Alguns documentação para ler:

1. http://docs.jquery.com/Ajax/jQuery.post

   • http://docs.jquery.com/Ajax/load

Answer 3

Com certeza! Dê uma olhada na este post para obter instruções sobre como usar a funcionalidade de ajax do jQuery. Está, então, vai querer chamar

$.(".classname").append("Whatever results you get");

Para preencher o div.

Boa sorte!