jQuery aggiorna un Div con uno script PHP

Question

Non ho assolutamente idea di come farlo, quindi andrò avanti e chiederò.

Quello che voglio fare è aggiornare il contenuto di un div con uno script PHP che ho in un file esterno, chiamato send.php.

Quindi ho un div come questo:

<div class="classname">

</div>

E voglio pubblicare i dati in questo file send.php, e quindi aggiornare quel div con qualunque sia il risultato dello script PHP. Questo può essere fatto?

Answer 1

Per semplici chiamate ajax, di solito preferisco usare $ .load poiché la sua grammatica è estremamente conciso. Il passaggio di parametri come oggetto (coppie chiave / valore) farà sì che utilizzi una richiesta 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 non hai bisogno che sia un POST, puoi semplicemente aggiungere i tuoi parametri come stringa di query:

$('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>

Alcuni documenti da leggere:

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

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

Answer 3

Assolutamente! Dai un'occhiata a questo post per istruzioni su come utilizzare la funzionalità ajax di jQuery. Quindi vorrai chiamare

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

Per riempire il div.

Buona fortuna!