jQuery mise à jour une Div avec un script PHP

Question

Je n'ai absolument aucune idée de comment faire cela, alors je vais aller de l'avant et demander. Ce que je veux faire est de mettre à jour le contenu d'un div avec un script PHP que j'ai dans un fichier externe, appelé send.php.

J'ai donc div comme ceci:

<div class="classname"> 

</div> 

Et je veux publier des données sur ce fichier send.php, puis mettre à jour que div avec quel que soit le résultat du script PHP est. Cela peut-il être fait?

Answer 1

Pour de simples appels ajax, je préfère normalement en utilisant $.load car sa grammaire est extrêmement concise. Le passage de paramètres comme un objet (paires clé/valeur) entraînera à 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 ne avez pas besoin d'être un POST, vous pouvez simplement ajouter vos paramètres comme une 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> 

Certains documents à lire:

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

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

Answer 3

Absolument! Jetez un oeil à this poste pour des instructions sur la façon d'utiliser la fonctionnalité ajax de jQuery. Vous allez ensuite vouloir appeler

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

Pour remplir la div.

Bonne chance!