jQuery met à jour une Div avec un script PHP

Question

Je ne sais absolument pas comment faire cela, alors je vais aller de l'avant et demander.

Ce que je veux faire, c'est mettre à jour le contenu d'une div avec un script PHP que j'ai dans un fichier externe, appelé send.php.

J'ai donc une div comme celle-ci:

<div class="classname">

</div>

Et je souhaite publier des données dans ce fichier send.php, puis mettre à jour cette div avec le résultat du script PHP. Cela peut-il être fait?

Answer 1

Pour les appels ajax simples, je préfère normalement utiliser $ .load car sa grammaire est extrêmement concis. Passer des paramètres en tant qu’objet (paires clé / valeur) le fera utiliser une requête 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'});
    });
});

Si vous n'avez pas besoin que ce soit un POST, vous pouvez simplement ajouter vos paramètres sous forme de chaîne de requête:

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

Quelques documents à lire:

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

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

Answer 3

Absolument! Consultez la cette publication pour savoir comment utiliser la fonctionnalité ajax de jQuery. Vous allez ensuite vouloir appeler

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

Pour combler le div.

Bonne chance!