Fonction $.ajax en jquery

miktop -  
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour,

J'essaye d'utiliser la fonction $.ajax de jquery selon le code suivant:

<head>

<script src="file:///C:\Program Files\EasyPHP-5.3.2\www\jquery-1.4.2.js" type="text/javascript" />

<script language="javascript" type="text/javascript">
<!--

$(document).ready(
function()
{
$('input[value="Lister"]').click(
function()
{
$.ajax({
type: "POST",
url: "http://127.0.0.1/fonctions.php",
success: function(msg)
{
alert( "Résultat: " + msg );
}
});
}
);
}
);
//-->

</script>
</head>

<body>
<form>
<input type="button" value="Lister" />
</form>
</body>

Le code du fichier fonctions.php est le suivant:

<?php
echo 'Bonjour';
?>

Dans l'alert, j'obtiens le texte "Résultat: " sans "Bonjour".
Le fichier fonctions.php est placé au bon endroit.
Quelqu'un peut-il me dire quel est le problème?

Merci d'avance

1 réponse

avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Pour commencer, il faut utiliser l'évènement "onchange" et pas "onclick" sur une liste.

Pour les requêtes POST, tu à la méthode post de l'objet JQuery ($.post).

Fais Ctrl+Maj+J pour voir la console. Ou si tu es sur Firefox, l'extension Firebug est très utile.
0