Fonction $.ajax en jquery

Fermé
miktop - 27 avril 2010 à 12:04
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 - 27 avril 2010 à 18:14
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
A voir également:

1 réponse

avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 498
27 avril 2010 à 18:14
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